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

package/components/field/index.d.ts

@@ -1,5 +1,398 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, DoCheck, AfterViewInit, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, DestroyRef } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i6 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i8 from '@angular/material/icon';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { CdkTextareaAutosize } from '@angular/cdk/text-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 i11 from '@testgorilla/tgo-ui/components/badge';
+import { BadgeVariant } from '@testgorilla/tgo-ui/components/badge';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/form-field';
+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 FieldType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'collapsed-search' | 'validation-text' | 'textarea' | 'textarea-scrollable' | 'multi-line';
+
 /**
- * Generated bundle index. Do not edit.
+ * A global counter used to generate unique field IDs.
+ * This variable is incremented each time a new field ID is needed.
+ *
+ * @remarks
+ * This is primarily used to ensure that each field component
+ * has a unique identifier within the application / useful for their Aria Labels.
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/field" />
-export * from './public-api';
+declare let fieldID: number;
+declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {
+    private readonly defaultAppTheme;
+    private matIconRegistry;
+    private domSanitizer;
+    private cdr;
+    ngControl: NgControl;
+    private focusMonitor;
+    private ngZone;
+    private destroyRef;
+    class: string;
+    /**
+     * Indicator of the autocomplete width
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    fullWidth: boolean;
+    /**
+     * Indicator of the field height
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    fullHeight: boolean;
+    /**
+     * Form field label
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    label?: string | undefined;
+    /**
+     * Form field label from html
+     *
+     * @memberof FieldComponent
+     */
+    labelHtml: _angular_core.InputSignal<string | null>;
+    /**
+     * Icon to display alongside the label
+     *
+     * @type {IconName}
+     * @memberof FieldComponent
+     */
+    labelIcon?: IconName;
+    /**
+     * Input name attribute
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    fieldName?: string;
+    /**
+     * Input placeholder
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    placeholder?: string | undefined;
+    /**
+     * Input id
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    id: _angular_core.InputSignal<string>;
+    /**
+     * Input value
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    value: string;
+    /**
+     * Variant of badge to use
+     *
+     * @type {BadgeVariant}
+     * @memberof FieldComponent
+     */
+    badgeVariant?: BadgeVariant | undefined;
+    _errors: string[];
+    /**
+     * Input field errors
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Determines if input is disabled
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    disabled: boolean;
+    /**
+     * Input is required or not
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    required: boolean;
+    /**
+     * Input is readonly or not
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    readOnly: boolean;
+    /**
+     * Hint text
+     *
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    hintMessage: string;
+    /**
+     * Input type
+     *
+     * @type {FieldType}
+     * @memberof FieldComponent
+     */
+    type: FieldType;
+    /**
+     * Input is update only on blur
+     *
+     * @type {Boolean}
+     * @memberof FieldComponent
+     */
+    updateOnBlur: boolean;
+    /**
+     * allow only digits in input
+     *
+     * @type {Boolean}
+     * @memberof FieldComponent
+     */
+    allowOnlyDigits: boolean;
+    /**
+     * allow autocomplete off in input
+     *
+     * @type {Boolean}
+     * @memberof FieldComponent
+     */
+    isAutocompleteOff: boolean;
+    /**
+     * allow negative numbers
+     *
+     * @type {Boolean}
+     * @memberof FieldComponent
+     */
+    allowNegative: boolean;
+    /**
+     * Show reserved content below form field
+     * @property showBottomContent
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    showBottomContent: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof FieldComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    ariaLabel: string;
+    /**
+     * Show loading button. Only for text
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    loading: boolean;
+    /**
+     * Show icon when field is valid
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    isValid: boolean;
+    /**
+     * Max characters number
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    maxCharacters: number;
+    /**
+     * Trim text on blur
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    trimOnBlur: boolean;
+    /**
+     * Trim text on submit
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    trimOnSubmit: boolean;
+    /**
+     * Max rows for multi-line type
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    maxRows: number;
+    /**
+     * has text area counter
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    hasTextAreaCounter: boolean;
+    /**
+     * Hide in build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * Set maximum number
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    max: number | undefined;
+    /**
+     * Set minimum number
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    min: number | undefined;
+    /**
+     * Sets textarea height. Default 110
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    textareaHeight: number;
+    /**
+     * Sets textarea borderless. Default false
+     *
+     * @type {number}
+     * @memberof FieldComponent
+     */
+    borderless: boolean;
+    autosizableTextarea: boolean;
+    /**
+     * Indicates if this field is filled by AI
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    isAIVariant: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria Labeled By Element Id.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaLabelledbyId: _angular_core.Signal<string>;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria LabeledBy Text.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria Described By Element Id.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaDescribedbyId: _angular_core.Signal<string>;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria DescribedBy Text.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Show state of error
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    hasError: boolean;
+    validateEvent: EventEmitter<string>;
+    fieldBlur: EventEmitter<void>;
+    field: ElementRef<HTMLInputElement>;
+    autosize: CdkTextareaAutosize;
+    get getPasswordIcon(): IconName;
+    isActiveField: boolean;
+    isActiveHover: boolean;
+    keyboardFocused: _angular_core.WritableSignal<boolean>;
+    protected readonly translationContext = "FIELD.";
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    /**
+     * 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;
+    showClose: boolean;
+    showPassword: boolean;
+    currentType: string;
+    errorsLength: boolean;
+    ngOnInit(): void;
+    validate(): void;
+    setSearchInput(): void;
+    getType(): string;
+    clearValue(): void;
+    showPasswordClick(): void;
+    onChangeInputSearch(): void;
+    setErrorsLength(): boolean;
+    onInput(event: any): void;
+    writeValue(value?: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onActive(state: boolean, action: string): void;
+    onSubmit(): void;
+    private clearSpace;
+    onBlur(): void;
+    trackByFn: (index: number, value: string) => string;
+    focus(): void;
+    refocusPasswordButton(btn: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHtml": { "alias": "labelHtml"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "isAutocompleteOff": { "alias": "isAutocompleteOff"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hasTextAreaCounter": { "alias": "hasTextAreaCounter"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "autosizableTextarea": { "alias": "autosizableTextarea"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
+}
+
+declare class FieldComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof FieldComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatIconModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule, typeof i9.HasValidationErrorPipe, typeof i9.DigitsOnlyDirective, typeof i11.BadgeComponentModule], [typeof FieldComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FieldComponentModule>;
+}
+
+export { FieldComponent, FieldComponentModule, fieldID };
+export type { FieldType };

package/components/file-upload/index.d.ts

@@ -1,5 +1,169 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/file-upload" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i8 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, Color } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@angular/common';
+import * as i4 from '@angular/material/form-field';
+import * as i5 from '@angular/material/input';
+import * as i6 from '@testgorilla/tgo-ui/components/icon';
+import * as i7 from '@testgorilla/tgo-ui/components/progress-bar';
+
+declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
+    private readonly defaultAppTheme;
+    class: string;
+    /**
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    maxFileSizeMB: number;
+    /**
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    minFileSizeMB: number;
+    /**
+     * Supported files for input field
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    supportedFileTypes?: string;
+    /**
+     * Upload progress
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    uploadProgress: number;
+    /**
+     * Show Upload progress percentage or not
+     *
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    showUploadProgress: boolean;
+    /**
+     * Custom progress message
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    fileProcessingMessage: string | undefined;
+    /**
+     * File upload errors
+     *
+     * @type {string[]}
+     * @memberof FileUploadComponent
+     */
+    errors?: string[] | null;
+    /**
+     * File upload disabled
+     *
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    disabled: boolean;
+    /**
+     * Existing file information
+     *
+     * @type {(File | null)}
+     * @memberof FileUploadComponent
+     */
+    file: File | null;
+    /**
+     * Color of the file upload.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    companyColor: string | null;
+    compColor: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof FileUploadComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    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 {boolean}
+     * @memberof FileUploadComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Whether to show the file size information.
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    showFileSize: boolean;
+    OnDrop: EventEmitter<File>;
+    fileDrop: ElementRef<HTMLInputElement>;
+    protected readonly translationContext = "FILE_UPLOAD.";
+    /**
+     * @ignore
+     */
+    onChange: (_value: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    get fileSizeInMB(): string | null;
+    isMissedMinSize: boolean;
+    progress: boolean;
+    success: boolean;
+    browse: boolean;
+    isCanceled: boolean;
+    colorUploadSuccess: Color;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    onFileDropped(files: FileList): void;
+    onChangeUpload(event: Event): void;
+    emitFile(files: FileList): void;
+    showProgress(): boolean;
+    showSuccess(): boolean;
+    showBrowse(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value?: File): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    private getCompanyColor;
+    private fileSizeToMB;
+    onKeydown(ev: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "showUploadProgress": { "alias": "showUploadProgress"; "required": false; }; "fileProcessingMessage": { "alias": "fileProcessingMessage"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "showFileSize": { "alias": "showFileSize"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
+}
+
+declare class DragDropDirective {
+    constructor();
+    file: boolean;
+    fileDropped: EventEmitter<any>;
+    onDragOver(event: Event): void;
+    onDragLeave(event: Event): void;
+    ondrop(event: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragDropDirective, "[uiDragDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, false, never>;
+}
+
+declare class FileUploadComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, [typeof FileUploadComponent, typeof DragDropDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.ProgressBarComponentModule, typeof i8.UiTranslatePipe], [typeof FileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadComponentModule>;
+}
+
+export { FileUploadComponent, FileUploadComponentModule };