@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-inline-field.d.ts

@@ -1,275 +1,359 @@
-import * as ______dist_tgo_ui_types_testgorilla_tgo_ui_components_icon from '../../dist/tgo-ui/types/testgorilla-tgo-ui-components-icon';
-import * as _angular_core from '@angular/core';
-import { EventEmitter, OnInit, ChangeDetectorRef, DestroyRef, ElementRef } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i5 from '@testgorilla/tgo-ui/components/field';
-import { FieldType, FieldComponent } from '@testgorilla/tgo-ui/components/field';
-import * as i6 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 i4 from '@testgorilla/tgo-ui/components/button';
-
+import * as i0 from "@angular/core";
+import { ChangeDetectorRef, DestroyRef, ElementRef, EventEmitter, OnInit } from "@angular/core";
+import * as i2 from "@angular/forms";
+import { ControlValueAccessor, NgControl } from "@angular/forms";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i5 from "@testgorilla/tgo-ui/components/field";
+import { FieldComponent, FieldType } from "@testgorilla/tgo-ui/components/field";
+import * as i6 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 i4 from "@testgorilla/tgo-ui/components/button";
 /**
  * State of the inline field component
  */
-type InlineFieldState = 'default' | 'focused' | 'editing' | 'error' | 'disabled' | 'loading';
+export type InlineFieldState = 'default' | 'focused' | 'editing' | 'error' | 'disabled' | 'loading';
 /**
  * Events emitted by the inline field component
  */
-interface InlineFieldEvents {
-    /**
-     * Emitted when user clicks save button
-     */
-    onSave: EventEmitter<string>;
-    /**
-     * Emitted when user clicks cancel button
-     */
-    onCancel: EventEmitter<void>;
-    /**
-     * Emitted when the field value changes
-     */
-    onValueChange: EventEmitter<string>;
-    /**
-     * Emitted when editing mode is toggled
-     */
-    onEditingModeChange: EventEmitter<boolean>;
-    /**
-     * Emitted on focus events
-     */
-    onFocus: EventEmitter<void>;
-    /**
-     * Emitted on blur events
-     */
-    onBlur: EventEmitter<void>;
+export interface InlineFieldEvents {
+  /**
+   * Emitted when user clicks save button
+   */
+  onSave: EventEmitter<string>;
+  /**
+   * Emitted when user clicks cancel button
+   */
+  onCancel: EventEmitter<void>;
+  /**
+   * Emitted when the field value changes
+   */
+  onValueChange: EventEmitter<string>;
+  /**
+   * Emitted when editing mode is toggled
+   */
+  onEditingModeChange: EventEmitter<boolean>;
+  /**
+   * Emitted on focus events
+   */
+  onFocus: EventEmitter<void>;
+  /**
+   * Emitted on blur events
+   */
+  onBlur: EventEmitter<void>;
 }
 /**
  * Configuration for save/cancel buttons
  */
-interface InlineFieldButtonConfig {
-    /**
-     * Label for save button
-     * @default "Save"
-     */
-    saveLabel?: string;
-    /**
-     * Label for cancel button
-     * @default "Cancel"
-     */
-    cancelLabel?: string;
-    /**
-     * Icon for save button
-     * @default "Check-filled"
-     */
-    saveIcon?: IconName;
-    /**
-     * Icon for cancel button
-     * @default "Close-filled"
-     */
-    cancelIcon?: IconName;
-    /**
-     * Show buttons on hover only
-     * @default false
-     */
-    showOnHoverOnly?: boolean;
+export interface InlineFieldButtonConfig {
+  /**
+   * Label for save button
+   * @default "Save"
+   */
+  saveLabel?: string;
+  /**
+   * Label for cancel button
+   * @default "Cancel"
+   */
+  cancelLabel?: string;
+  /**
+   * Icon for save button
+   * @default "Check-filled"
+   */
+  saveIcon?: IconName;
+  /**
+   * Icon for cancel button
+   * @default "Close-filled"
+   */
+  cancelIcon?: IconName;
+  /**
+   * Show buttons on hover only
+   * @default false
+   */
+  showOnHoverOnly?: boolean;
 }
 /**
  * Validation configuration
  */
-interface InlineFieldValidation {
-    /**
-     * Whether the field is required
-     */
-    required?: boolean;
-    /**
-     * Minimum length
-     */
-    minLength?: number;
-    /**
-     * Maximum length
-     */
-    maxLength?: number;
-    /**
-     * Custom validation pattern
-     */
-    pattern?: RegExp;
-    /**
-     * Custom validation function
-     */
-    customValidator?: (value: string) => boolean;
+export interface InlineFieldValidation {
+  /**
+   * Whether the field is required
+   */
+  required?: boolean;
+  /**
+   * Minimum length
+   */
+  minLength?: number;
+  /**
+   * Maximum length
+   */
+  maxLength?: number;
+  /**
+   * Custom validation pattern
+   */
+  pattern?: RegExp;
+  /**
+   * Custom validation function
+   */
+  customValidator?: (value: string) => boolean;
 }
 /**
  * Interface for inline field change event
  */
-interface InlineFieldChangeEvent {
-    /**
-     * The new value
-     */
-    value: string;
-    /**
-     * Whether the change was saved or cancelled
-     */
-    saved: boolean;
-    /**
-     * Previous value before the change
-     */
-    previousValue: string;
+export interface InlineFieldChangeEvent {
+  /**
+   * The new value
+   */
+  value: string;
+  /**
+   * Whether the change was saved or cancelled
+   */
+  saved: boolean;
+  /**
+   * Previous value before the change
+   */
+  previousValue: string;
 }
-
-declare class InlineFieldComponent implements OnInit, ControlValueAccessor {
-    private readonly cdr;
-    private readonly destroyRef;
-    private readonly elementRef;
-    ngControl: NgControl;
-    class: string;
-    /**
-     * Component ID for accessibility
-     */
-    id: _angular_core.InputSignal<string>;
-    /**
-     * Field label
-     */
-    label: _angular_core.InputSignal<string>;
-    /**
-     * Field placeholder
-     */
-    placeholder: _angular_core.InputSignal<string>;
-    /**
-     * Current value
-     */
-    value: _angular_core.InputSignal<string>;
-    /**
-     * Whether the field is required
-     */
-    required: _angular_core.InputSignal<boolean>;
-    /**
-     * Whether the field is disabled
-     */
-    disabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Application theme
-     */
-    applicationTheme: _angular_core.InputSignal<ApplicationTheme>;
-    /**
-     * Field type
-     */
-    fieldType: _angular_core.InputSignal<FieldType>;
-    /**
-     * Field type
-     */
-    maxRows: _angular_core.InputSignal<number>;
-    /**
-     * Error messages
-     */
-    errors: _angular_core.InputSignal<string[]>;
-    /**
-     * Whether to show errors
-     */
-    showErrors: _angular_core.InputSignal<boolean>;
-    /**
-     * Button configuration
-     */
-    buttonConfig: _angular_core.InputSignal<InlineFieldButtonConfig>;
-    /**
-     * Validation configuration
-     */
-    validation: _angular_core.InputSignal<InlineFieldValidation>;
-    /**
-     * ARIA label
-     */
-    ariaLabel: _angular_core.InputSignal<string>;
-    testId: _angular_core.InputSignal<string | null>;
-    protected readonly saveButtonTestId: _angular_core.Signal<string | null>;
-    protected readonly cancelButtonTestId: _angular_core.Signal<string | null>;
-    /**
-     * Full width
-     */
-    fullWidth: _angular_core.InputSignal<boolean>;
-    /**
-     * Emitted when save button is clicked
-     */
-    save: _angular_core.OutputEmitterRef<InlineFieldChangeEvent>;
-    /**
-     * Emitted when cancel button is clicked
-     */
-    cancel: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Emitted when value changes
-     */
-    valueChange: _angular_core.OutputEmitterRef<string>;
-    /**
-     * Emitted when editing mode changes
-     */
-    editingModeChange: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Emitted on focus
-     */
-    focusEvent: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Emitted on blur
-     */
-    blurEvent: _angular_core.OutputEmitterRef<void>;
-    fieldComponent: FieldComponent;
-    private readonly _isEditing;
-    private readonly _originalValue;
-    private readonly _currentValue;
-    private readonly _state;
-    isEditing: _angular_core.Signal<boolean>;
-    currentValue: _angular_core.Signal<string>;
-    state: _angular_core.Signal<InlineFieldState>;
-    saveButtonConfig: _angular_core.Signal<{
-        label: string;
-        iconName: ______dist_tgo_ui_types_testgorilla_tgo_ui_components_icon.IconName;
-        variant: "secondary-inverted";
-        size: "small";
-        disabled: boolean;
-    }>;
-    cancelButtonConfig: _angular_core.Signal<{
-        label: string;
-        iconName: ______dist_tgo_ui_types_testgorilla_tgo_ui_components_icon.IconName;
-        variant: "secondary-inverted";
-        size: "small";
-        disabled: boolean;
-    }>;
-    private onChange;
-    private onTouched;
-    constructor(cdr: ChangeDetectorRef, destroyRef: DestroyRef, elementRef: ElementRef<HTMLElement>, ngControl: NgControl);
-    ngOnInit(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(_isDisabled: boolean): void;
-    onComponentFocusOut(event: FocusEvent): void;
-    onEscapePressed(event: Event): void;
-    onEnterPressed(event: Event): void;
-    onTabPressed(): void;
-    onInputFocus(): void;
-    onInputBlur(): void;
-    onInputChange(event: Event): void;
-    focus(): void;
-    enterEditMode(): void;
-    saveEdit(): void;
-    cancelEdit(): void;
-    private exitEditMode;
-    private updateState;
-    private hasValidationError;
-    private hasRequiredError;
-    private hasMinLengthError;
-    private hasMaxLengthError;
-    private hasPatternError;
-    private hasCustomValidationError;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InlineFieldComponent, [null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InlineFieldComponent, "ui-inline-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "fieldType": { "alias": "fieldType"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "buttonConfig": { "alias": "buttonConfig"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "save": "save"; "cancel": "cancel"; "valueChange": "valueChange"; "editingModeChange": "editingModeChange"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, true, never>;
+export declare class InlineFieldComponent implements OnInit, ControlValueAccessor {
+  private readonly cdr;
+  private readonly destroyRef;
+  private readonly elementRef;
+  ngControl: NgControl;
+  class: string;
+  /**
+   * Component ID for accessibility
+   */
+  id: import("@angular/core").InputSignal<string>;
+  /**
+   * Field label
+   */
+  label: import("@angular/core").InputSignal<string>;
+  /**
+   * Field placeholder
+   */
+  placeholder: import("@angular/core").InputSignal<string>;
+  /**
+   * Current value
+   */
+  value: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether the field is required
+   */
+  required: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Whether the field is disabled
+   */
+  disabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Application theme
+   */
+  applicationTheme: import("@angular/core").InputSignal<ApplicationTheme$1>;
+  /**
+   * Field type
+   */
+  fieldType: import("@angular/core").InputSignal<FieldType>;
+  /**
+   * Field type
+   */
+  maxRows: import("@angular/core").InputSignal<number>;
+  /**
+   * Error messages
+   */
+  errors: import("@angular/core").InputSignal<string[]>;
+  /**
+   * Whether to show errors
+   */
+  showErrors: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Button configuration
+   */
+  buttonConfig: import("@angular/core").InputSignal<InlineFieldButtonConfig>;
+  /**
+   * Validation configuration
+   */
+  validation: import("@angular/core").InputSignal<InlineFieldValidation>;
+  /**
+   * ARIA label
+   */
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  testId: import("@angular/core").InputSignal<string | null>;
+  protected readonly saveButtonTestId: import("@angular/core").Signal<string | null>;
+  protected readonly cancelButtonTestId: import("@angular/core").Signal<string | null>;
+  /**
+   * Full width
+   */
+  fullWidth: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Emitted when save button is clicked
+   */
+  save: import("@angular/core").OutputEmitterRef<InlineFieldChangeEvent>;
+  /**
+   * Emitted when cancel button is clicked
+   */
+  cancel: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Emitted when value changes
+   */
+  valueChange: import("@angular/core").OutputEmitterRef<string>;
+  /**
+   * Emitted when editing mode changes
+   */
+  editingModeChange: import("@angular/core").OutputEmitterRef<boolean>;
+  /**
+   * Emitted on focus
+   */
+  focusEvent: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Emitted on blur
+   */
+  blurEvent: import("@angular/core").OutputEmitterRef<void>;
+  fieldComponent: FieldComponent;
+  private readonly _isEditing;
+  private readonly _originalValue;
+  private readonly _currentValue;
+  private readonly _state;
+  isEditing: import("@angular/core").Signal<boolean>;
+  currentValue: import("@angular/core").Signal<string>;
+  state: import("@angular/core").Signal<InlineFieldState>;
+  saveButtonConfig: import("@angular/core").Signal<{
+    label: string;
+    iconName: import("../../dist/tgo-ui/types/testgorilla-tgo-ui-components-icon").IconName;
+    variant: "secondary-inverted";
+    size: "small";
+    disabled: boolean;
+  }>;
+  cancelButtonConfig: import("@angular/core").Signal<{
+    label: string;
+    iconName: import("../../dist/tgo-ui/types/testgorilla-tgo-ui-components-icon").IconName;
+    variant: "secondary-inverted";
+    size: "small";
+    disabled: boolean;
+  }>;
+  private onChange;
+  private onTouched;
+  constructor(cdr: ChangeDetectorRef, destroyRef: DestroyRef, elementRef: ElementRef<HTMLElement>, ngControl: NgControl);
+  ngOnInit(): void;
+  writeValue(value: string): void;
+  registerOnChange(fn: (value: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(_isDisabled: boolean): void;
+  onComponentFocusOut(event: FocusEvent): void;
+  onEscapePressed(event: Event): void;
+  onEnterPressed(event: Event): void;
+  onTabPressed(): void;
+  onInputFocus(): void;
+  onInputBlur(): void;
+  onInputChange(event: Event): void;
+  focus(): void;
+  enterEditMode(): void;
+  saveEdit(): void;
+  cancelEdit(): void;
+  private exitEditMode;
+  private updateState;
+  private hasValidationError;
+  private hasRequiredError;
+  private hasMinLengthError;
+  private hasMaxLengthError;
+  private hasPatternError;
+  private hasCustomValidationError;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InlineFieldComponent, [null, null, null, {
+    optional: true;
+    self: true;
+  }]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InlineFieldComponent, "ui-inline-field", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+      "isSignal": true;
+    };
+    "fieldType": {
+      "alias": "fieldType";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxRows": {
+      "alias": "maxRows";
+      "required": false;
+      "isSignal": true;
+    };
+    "errors": {
+      "alias": "errors";
+      "required": false;
+      "isSignal": true;
+    };
+    "showErrors": {
+      "alias": "showErrors";
+      "required": false;
+      "isSignal": true;
+    };
+    "buttonConfig": {
+      "alias": "buttonConfig";
+      "required": false;
+      "isSignal": true;
+    };
+    "validation": {
+      "alias": "validation";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "save": "save";
+    "cancel": "cancel";
+    "valueChange": "valueChange";
+    "editingModeChange": "editingModeChange";
+    "focusEvent": "focusEvent";
+    "blurEvent": "blurEvent";
+  }, never, never, true, never>;
 }
-
-declare class InlineFieldComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InlineFieldComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InlineFieldComponentModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatInputModule, typeof i4.ButtonComponentModule, typeof i5.FieldComponentModule, typeof i6.IconComponentModule, typeof InlineFieldComponent], [typeof InlineFieldComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InlineFieldComponentModule>;
+export declare class InlineFieldComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<InlineFieldComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<InlineFieldComponentModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatInputModule, typeof i4.ButtonComponentModule, typeof i5.FieldComponentModule, typeof i6.IconComponentModule, typeof InlineFieldComponent], [typeof InlineFieldComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<InlineFieldComponentModule>;
 }
-
-export { InlineFieldComponent, InlineFieldComponentModule };
-export type { InlineFieldButtonConfig, InlineFieldChangeEvent, InlineFieldEvents, InlineFieldState, InlineFieldValidation };
+export { ApplicationTheme };