@testgorilla/tgo-ui 7.0.0-beta.0 → 7.0.0

package/components/phone-input/phone-input.component.d.ts

@@ -0,0 +1,145 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { UICountry } from './phone-input.model';
+import * as i0 from "@angular/core";
+export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAccessor, DoCheck {
+    ngControl: NgControl;
+    private errorMatcher;
+    private fb;
+    private focusMonitor;
+    private ref;
+    private readonly defaultAppTheme;
+    /**
+     * Phone number
+     *
+     * @type {string}
+     * @memberof PhoneInputComponent
+     */
+    set value(value: string);
+    /**
+     * Country list for select
+     *
+     * @type {UICountry[]}
+     * @memberof PhoneInputComponent
+     */
+    set countryList(countryList: UICountry[]);
+    /**
+     * Placeholder input
+     *
+     * @type {text}
+     * @memberof PhoneInputComponent
+     */
+    set placeholder(value: string);
+    /**
+     * Determines if input is disabled
+     *
+     * @type {boolean}
+     * @memberof PhoneInputComponent
+     */
+    disabled: boolean;
+    /**
+     * Input is required or not
+     *
+     * @type {boolean}
+     * @memberof PhoneInputComponent
+     */
+    required: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof PhoneInputComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Indicator of the phone input width
+     * @property fullWidth
+     * @type {boolean}
+     * @memberof PhoneInputComponent
+     */
+    fullWidth: boolean;
+    _errors: string[];
+    /**
+     * Input field errors
+     *
+     * @type {string}
+     * @memberof PhoneInputComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Hide in build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof PhoneInputComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof PhoneInputComponent
+     */
+    hideLabelInErrors: boolean;
+    static nextId: number;
+    private countries;
+    protected countries$: Observable<UICountry[]>;
+    form: UntypedFormGroup;
+    protected controlType: string;
+    protected userAriaDescribedBy?: string;
+    protected loadCountries$: BehaviorSubject<UICountry[]>;
+    protected countryCode: BehaviorSubject<string>;
+    protected stateChanges: Subject<void>;
+    protected focused: boolean;
+    protected selectFilterCtrl: UntypedFormControl;
+    protected errorsLength: boolean;
+    protected readonly countryFlagSrc = "assets/svg-country-flags/";
+    input: ElementRef<HTMLElement>;
+    select: ElementRef<HTMLElement>;
+    id: string;
+    get shouldLabelFloat(): boolean;
+    describedBy: string;
+    get empty(): boolean;
+    get errorState(): boolean;
+    get value(): string;
+    get placeholder(): string;
+    private initialValue;
+    private readonly DEFAULT_COUNTRY_CODE;
+    private internalPlaceholder;
+    protected selectedCountry: UICountry;
+    private unsubscribeAll$;
+    constructor(ngControl: NgControl, errorMatcher: ErrorStateMatcher, fb: UntypedFormBuilder, focusMonitor: FocusMonitor, ref: ChangeDetectorRef, defaultAppTheme: ApplicationTheme);
+    /**
+     * 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;
+    setErrorsLength(): boolean;
+    setDescribedByIds(ids: string[]): void;
+    onChange: (value: string) => void;
+    onTouch: () => void;
+    writeValue(phoneNumber: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngOnDestroy(): void;
+    onOptionsSelected(value: UICountry): void;
+    onInput(value: string): void;
+    filteredCountryTrackByMethod(index: number, el: UICountry): string;
+    private setCountry;
+    private getNumberWithCountryCode;
+    private subscribeToFocusEvents;
+    private preSelectCountry;
+    private getCountryByAlpha2Code;
+    private getCountryByCallingCode;
+    private loadCountries;
+    disableClick(ev: Event): void;
+    trackByFn: (index: number, value: string) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/phone-input/phone-input.component.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./phone-input.component";
+import * as i2 from "./join-strings.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/progress-spinner";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/select";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/input";
+import * as i9 from "ngx-mat-select-search";
+import * as i10 from "@testgorilla/tgo-ui/components/icon";
+import * as i11 from "@testgorilla/tgo-ui/components/spinner";
+import * as i12 from "@testgorilla/tgo-ui/components/core";
+import * as i13 from "@testgorilla/tgo-ui/components/validation-error";
+export declare class PhoneInputComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneInputComponentModule, [typeof i1.PhoneInputComponent, typeof i2.JoinStringsPipe], [typeof i3.CommonModule, typeof i4.MatProgressSpinnerModule, typeof i5.ReactiveFormsModule, typeof i6.MatSelectModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.NgxMatSelectSearchModule, typeof i10.IconComponentModule, typeof i11.SpinnerComponentModule, typeof i12.UiTranslatePipe, typeof i13.ValidationErrorModule, typeof i12.HasValidationErrorPipe], [typeof i1.PhoneInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PhoneInputComponentModule>;
+}

package/components/phone-input/phone-input.model.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Country interface ISO 3166 (minus numeric code and alpha3Code)
+ */
+export interface UICountry {
+    name: string;
+    alpha2Code: string;
+    callingCode: string;
+}

package/components/phone-input/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './phone-input.component';
+export * from './phone-input.component.module';
+export * from './phone-input.model';
+export * from './join-strings.pipe';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/popover/index.d.ts

@@ -1,34 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, TemplateRef } from '@angular/core';
-import { HorizontalConnectionPos } from '@angular/cdk/overlay';
-
-declare class PopoverDirective implements OnInit, OnDestroy {
-    uiPopover: _angular_core.InputSignal<TemplateRef<unknown>>;
-    popoverOffset: _angular_core.InputSignal<number>;
-    popoverAlign: _angular_core.InputSignal<HorizontalConnectionPos>;
-    popoverOpen: _angular_core.InputSignal<boolean>;
-    popoverCard: _angular_core.InputSignal<boolean>;
-    private readonly overlay;
-    private readonly elementRef;
-    private readonly injector;
-    private readonly ngZone;
-    private overlayRef;
-    private openTimeout;
-    private closeTimeout;
-    private overlayListeners;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    private open;
-    private createOverlay;
-    private scheduleOpen;
-    private cancelOpen;
-    private scheduleClose;
-    private cancelClose;
-    private close;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[uiPopover]", never, { "uiPopover": { "alias": "uiPopover"; "required": true; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOpen": { "alias": "popoverOpen"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { PopoverDirective };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/popover" />
+export * from './public-api';

package/components/popover/popover.component.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent {
+    templateRef: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
+    ctx: import("@angular/core").InputSignal<Record<string, unknown>>;
+    popoverCard: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "ui-popover", never, { "templateRef": { "alias": "templateRef"; "required": false; "isSignal": true; }; "ctx": { "alias": "ctx"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/popover/popover.directive.d.ts

@@ -0,0 +1,31 @@
+import { HorizontalConnectionPos } from '@angular/cdk/overlay';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverDirective implements OnInit, OnDestroy {
+    uiPopover: import("@angular/core").InputSignal<TemplateRef<unknown>>;
+    popoverOffset: import("@angular/core").InputSignal<number>;
+    popoverAlign: import("@angular/core").InputSignal<HorizontalConnectionPos>;
+    popoverOpen: import("@angular/core").InputSignal<boolean>;
+    popoverCard: import("@angular/core").InputSignal<boolean>;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly injector;
+    private readonly ngZone;
+    private overlayRef;
+    private openTimeout;
+    private closeTimeout;
+    private overlayListeners;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    private open;
+    private createOverlay;
+    private scheduleOpen;
+    private cancelOpen;
+    private scheduleClose;
+    private cancelClose;
+    private close;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[uiPopover]", never, { "uiPopover": { "alias": "uiPopover"; "required": true; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOpen": { "alias": "popoverOpen"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/popover/public-api.d.ts

@@ -0,0 +1 @@
+export * from './popover.directive';

package/components/progress-bar/index.d.ts

@@ -1,86 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit } from '@angular/core';
-import * as i3 from '@angular/material/progress-bar';
-import { ProgressBarMode } from '@angular/material/progress-bar';
-import * as i4 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-
-declare class ProgressBarComponent implements OnInit {
-    private readonly defaultAppTheme;
-    /**
-     * Color of the progress bar.
-     * Defaults to Test Gorilla primary color.
-     *
-     * @type {string}
-     * @memberof ProgressBarComponent
-     */
-    companyColor: string | null;
-    /**
-     * Progress value of the progress bar.
-     * Defaults to zero.
-     *
-     * @type {number}
-     * @memberof ProgressBarComponent
-     */
-    progress: number;
-    /**
-     * Mode of the progress bar.
-     * Mode must be one of these values: determinate, indeterminate, buffer, query.
-     * Defaults to 'determinate'.
-     *
-     * @type {ProgressBarMode}
-     * @memberof ProgressBarComponent
-     */
-    mode: ProgressBarMode;
-    /**
-     * Buffer value of the progress bar.
-     * Defaults to zero.
-     *
-     * @type {number}
-     * @memberof ProgressBarComponent
-     */
-    buffer: number;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof ProgressBarComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     * 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 ProgressBarComponent
-     */
-    ariaLabel: 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 ProgressBarComponent
-     */
-    ariaDescribedBy: string;
-    /**
-     * Shows the percentage amount
-     * @property showPercentage
-     * @type {boolean}
-     * @memberof ProgressBarComponent
-     */
-    showPercentage: boolean;
-    constructor(defaultAppTheme: ApplicationTheme);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "buffer": { "alias": "buffer"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class ProgressBarComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarComponentModule, [typeof ProgressBarComponent], [typeof i2.CommonModule, typeof i3.MatProgressBarModule, typeof i4.UiTranslatePipe], [typeof ProgressBarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarComponentModule>;
-}
-
-export { ProgressBarComponent, ProgressBarComponentModule };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/progress-bar" />
+export * from './public-api';

package/components/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,73 @@
+import { OnInit } from '@angular/core';
+import { ProgressBarMode } from '@angular/material/progress-bar';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from "@angular/core";
+export declare class ProgressBarComponent implements OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Color of the progress bar.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof ProgressBarComponent
+     */
+    companyColor: string | null;
+    /**
+     * Progress value of the progress bar.
+     * Defaults to zero.
+     *
+     * @type {number}
+     * @memberof ProgressBarComponent
+     */
+    progress: number;
+    /**
+     * Mode of the progress bar.
+     * Mode must be one of these values: determinate, indeterminate, buffer, query.
+     * Defaults to 'determinate'.
+     *
+     * @type {ProgressBarMode}
+     * @memberof ProgressBarComponent
+     */
+    mode: ProgressBarMode;
+    /**
+     * Buffer value of the progress bar.
+     * Defaults to zero.
+     *
+     * @type {number}
+     * @memberof ProgressBarComponent
+     */
+    buffer: number;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ProgressBarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * 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 ProgressBarComponent
+     */
+    ariaLabel: 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 ProgressBarComponent
+     */
+    ariaDescribedBy: string;
+    /**
+     * Shows the percentage amount
+     * @property showPercentage
+     * @type {boolean}
+     * @memberof ProgressBarComponent
+     */
+    showPercentage: boolean;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "buffer": { "alias": "buffer"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/progress-bar/progress-bar.component.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/progress-bar";
+import * as i4 from "@testgorilla/tgo-ui/components/core";
+export declare class ProgressBarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarComponentModule, [typeof i1.ProgressBarComponent], [typeof i2.CommonModule, typeof i3.MatProgressBarModule, typeof i4.UiTranslatePipe], [typeof i1.ProgressBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarComponentModule>;
+}

package/components/progress-bar/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './progress-bar.component';
+export * from './progress-bar.component.module';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/prompt/index.d.ts

@@ -1,95 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef } from '@angular/core';
-import * as i8 from '@angular/cdk/overlay';
-import { ConnectedPosition } from '@angular/cdk/overlay';
-import * as i5 from '@testgorilla/tgo-ui/components/overflow-menu';
-import { OverflowMenuButtonsType } from '@testgorilla/tgo-ui/components/overflow-menu';
-import * as i3 from '@testgorilla/tgo-ui/components/field';
-import { FieldComponent } from '@testgorilla/tgo-ui/components/field';
-import { ControlValueAccessor } from '@angular/forms';
-import * as i2 from '@angular/common';
-import * as i4 from '@testgorilla/tgo-ui/components/button';
-import * as i6 from '@testgorilla/tgo-ui/components/tag';
-import * as i7 from '@testgorilla/tgo-ui/components/badge';
-import * as i9 from '@testgorilla/tgo-ui/components/card';
-import * as i10 from '@angular/cdk/text-field';
-import * as i11 from '@testgorilla/tgo-ui/components/tooltip';
-import * as i12 from '@angular/material/tooltip';
-import * as i13 from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i14 from '@testgorilla/tgo-ui/components/icon';
-
-interface PromptTag {
-    id: number;
-    label: string;
-    autocomplete: string;
-}
-interface PromptData {
-    text?: string;
-    files?: File[];
-}
-
-declare class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {
-    tags: _angular_core.InputSignal<PromptTag[]>;
-    maxCharacters: _angular_core.InputSignal<number>;
-    supportedFileTypes: _angular_core.InputSignal<string>;
-    autoClear: _angular_core.InputSignal<boolean>;
-    showSendButton: _angular_core.InputSignal<boolean>;
-    enableFileUpload: _angular_core.InputSignal<boolean>;
-    /**
-     * Placeholder for the prompt.
-     */
-    placeholder: _angular_core.InputSignal<string>;
-    /**
-     * Custom error message displayed below the prompt.
-     */
-    errorMessage: _angular_core.InputSignal<string>;
-    promptData: _angular_core.OutputEmitterRef<PromptData>;
-    promptFilesList: _angular_core.WritableSignal<File[]>;
-    promptTextValue: _angular_core.WritableSignal<string>;
-    fileListMenuConfig: _angular_core.WritableSignal<OverflowMenuButtonsType[]>;
-    tagsVisible: _angular_core.WritableSignal<PromptTag[]>;
-    tagsInDropdown: _angular_core.WritableSignal<PromptTag[]>;
-    autocompleteSuggestion: _angular_core.WritableSignal<string>;
-    isDropdownOpened: _angular_core.WritableSignal<boolean>;
-    isFieldHovered: _angular_core.WritableSignal<boolean>;
-    isFieldFocused: _angular_core.WritableSignal<boolean>;
-    isHighlighted: _angular_core.Signal<boolean>;
-    private destroyRef;
-    private translationPipe;
-    fileDrop: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    tagDropdown: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
-    fieldComponentRef: _angular_core.Signal<FieldComponent>;
-    readonly dropdownPositions: ConnectedPosition[];
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    uploadFile(event: Event): Promise<void>;
-    sendPromptData(): void;
-    selectedMenuOption(menuOptionValue: string): void;
-    selectTag(tag: PromptTag, event: Event): void;
-    onTextareaTab(event: Event): void;
-    dropdownOutsideClick(): void;
-    toggleDropdown(): void;
-    focusTagDropdown(): void;
-    private syncInputChange;
-    private initTags;
-    private updateFileMenu;
-    private clearPromptData;
-    writeValue(value: PromptData): void;
-    private onChange;
-    private onTouch;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    private emitValue;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "promptData": "promptData"; }, never, never, false, never>;
-}
-
-declare class PromptModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PromptModule, [typeof PromptComponent], [typeof i2.CommonModule, typeof i3.FieldComponentModule, typeof i4.ButtonComponentModule, typeof i5.OverflowMenuComponentModule, typeof i6.TagComponentModule, typeof i7.BadgeComponentModule, typeof i8.CdkOverlayOrigin, typeof i8.CdkConnectedOverlay, typeof i9.CardComponentModule, typeof i10.CdkTextareaAutosize, typeof i11.TooltipComponentModule, typeof i12.MatTooltip, typeof i13.UiTranslatePipe, typeof i14.IconComponentModule], [typeof PromptComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<PromptModule>;
-}
-
-export { PromptComponent, PromptModule };
-export type { PromptData, PromptTag };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/prompt" />
+export * from './public-api';

package/components/prompt/prompt.component.d.ts

@@ -0,0 +1,62 @@
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { OverflowMenuButtonsType } from '@testgorilla/tgo-ui/components/overflow-menu';
+import { FieldComponent } from '@testgorilla/tgo-ui/components/field';
+import { PromptData, PromptTag } from './prompt.model';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {
+    tags: import("@angular/core").InputSignal<PromptTag[]>;
+    maxCharacters: import("@angular/core").InputSignal<number>;
+    supportedFileTypes: import("@angular/core").InputSignal<string>;
+    autoClear: import("@angular/core").InputSignal<boolean>;
+    showSendButton: import("@angular/core").InputSignal<boolean>;
+    enableFileUpload: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Placeholder for the prompt.
+     */
+    placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Custom error message displayed below the prompt.
+     */
+    errorMessage: import("@angular/core").InputSignal<string>;
+    promptData: import("@angular/core").OutputEmitterRef<PromptData>;
+    promptFilesList: import("@angular/core").WritableSignal<File[]>;
+    promptTextValue: import("@angular/core").WritableSignal<string>;
+    fileListMenuConfig: import("@angular/core").WritableSignal<OverflowMenuButtonsType[]>;
+    tagsVisible: import("@angular/core").WritableSignal<PromptTag[]>;
+    tagsInDropdown: import("@angular/core").WritableSignal<PromptTag[]>;
+    autocompleteSuggestion: import("@angular/core").WritableSignal<string>;
+    isDropdownOpened: import("@angular/core").WritableSignal<boolean>;
+    isFieldHovered: import("@angular/core").WritableSignal<boolean>;
+    isFieldFocused: import("@angular/core").WritableSignal<boolean>;
+    isHighlighted: import("@angular/core").Signal<boolean>;
+    private destroyRef;
+    private translationPipe;
+    fileDrop: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    tagDropdown: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    fieldComponentRef: import("@angular/core").Signal<FieldComponent>;
+    readonly dropdownPositions: ConnectedPosition[];
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    uploadFile(event: Event): Promise<void>;
+    sendPromptData(): void;
+    selectedMenuOption(menuOptionValue: string): void;
+    selectTag(tag: PromptTag, event: Event): void;
+    onTextareaTab(event: Event): void;
+    dropdownOutsideClick(): void;
+    toggleDropdown(): void;
+    focusTagDropdown(): void;
+    private syncInputChange;
+    private initTags;
+    private updateFileMenu;
+    private clearPromptData;
+    writeValue(value: PromptData): void;
+    private onChange;
+    private onTouch;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private emitValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; }, { "promptData": "promptData"; }, never, never, false, never>;
+}

package/components/prompt/prompt.model.d.ts

@@ -0,0 +1,9 @@
+export interface PromptTag {
+    id: number;
+    label: string;
+    autocomplete: string;
+}
+export interface PromptData {
+    text?: string;
+    files?: File[];
+}

package/components/prompt/prompt.module.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./prompt.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/field";
+import * as i4 from "@testgorilla/tgo-ui/components/button";
+import * as i5 from "@testgorilla/tgo-ui/components/overflow-menu";
+import * as i6 from "@testgorilla/tgo-ui/components/tag";
+import * as i7 from "@testgorilla/tgo-ui/components/badge";
+import * as i8 from "@angular/cdk/overlay";
+import * as i9 from "@testgorilla/tgo-ui/components/card";
+import * as i10 from "@angular/cdk/text-field";
+import * as i11 from "@testgorilla/tgo-ui/components/tooltip";
+import * as i12 from "@angular/material/tooltip";
+import * as i13 from "@testgorilla/tgo-ui/components/core";
+import * as i14 from "@testgorilla/tgo-ui/components/icon";
+export declare class PromptModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PromptModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PromptModule, [typeof i1.PromptComponent], [typeof i2.CommonModule, typeof i3.FieldComponentModule, typeof i4.ButtonComponentModule, typeof i5.OverflowMenuComponentModule, typeof i6.TagComponentModule, typeof i7.BadgeComponentModule, typeof i8.CdkOverlayOrigin, typeof i8.CdkConnectedOverlay, typeof i9.CardComponentModule, typeof i10.CdkTextareaAutosize, typeof i11.TooltipComponentModule, typeof i12.MatTooltip, typeof i13.UiTranslatePipe, typeof i14.IconComponentModule], [typeof i1.PromptComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PromptModule>;
+}