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

package/components/inline-field/index.d.ts

@@ -1,5 +1,275 @@
+import * as _angular_core from '@angular/core';
+import { EventEmitter, OnInit, ChangeDetectorRef, DestroyRef, ElementRef } from '@angular/core';
+import * as i3 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 i7 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i6 from '@testgorilla/tgo-ui/components/field';
+import { FieldType, FieldComponent } from '@testgorilla/tgo-ui/components/field';
+import * as i2 from '@angular/common';
+import * as i4 from '@angular/material/input';
+import * as i5 from '@testgorilla/tgo-ui/components/button';
+
 /**
- * Generated bundle index. Do not edit.
+ * State of the inline field component
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/inline-field" />
-export * from './public-api';
+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>;
+}
+/**
+ * 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;
+}
+/**
+ * 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;
+}
+/**
+ * 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;
+}
+
+/**
+ * A global counter used to generate unique inline field IDs.
+ */
+declare let inlineFieldID: number;
+declare class InlineFieldComponent implements OnInit, ControlValueAccessor {
+    private cdr;
+    private destroyRef;
+    private 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>;
+    /**
+     * 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 _isEditing;
+    private _originalValue;
+    private _currentValue;
+    private _state;
+    isEditing: _angular_core.Signal<boolean>;
+    currentValue: _angular_core.Signal<string>;
+    state: _angular_core.Signal<InlineFieldState>;
+    saveButtonConfig: _angular_core.Signal<{
+        label: string;
+        iconName: "Device-rotate-in-line" | "Archive-filled" | "Archive-in-line" | "Add-in-line" | "Add-filled" | "Arrow-chevron-down-filled" | "Arrow-chevron-down-in-line" | "Arrow-chevron-left-filled" | "Arrow-chevron-left-in-line" | "Arrow-chevron-right-filled" | "Arrow-chevron-right-in-line" | "Arrow-chevron-up-filled" | "Arrow-chevron-up-in-line" | "Arrow-down-filled" | "Arrow-down-in-line" | "Arrow-up-filled" | "Arrow-up-in-line" | "Assessment-filled" | "Assessment-in-line" | "Attach-filled" | "Attach-in-line" | "Attempts-filled" | "Attempts-in-line" | "Book-filled" | "Book-in-line" | "Bookmark-filled" | "Bookmark-in-line" | "Calendar-filled" | "Calendar-in-line" | "Candidates-filled" | "Candidates-in-line" | "Chat-filled" | "Chat-in-line" | "Check-filled" | "Check-in-line" | "Check-small-in-line" | "Check-small-filled" | "Check-round-filled" | "Check-round-in-line" | "Circle-filled" | "Circle-in-line" | "Clone-filled" | "Clone-in-line" | "Close-filled" | "Close-in-line" | "Code-filled" | "Code-in-line" | "Company-filled" | "Company-in-line" | "Copy-filled" | "Copy-in-line" | "Credit-filled" | "Credit-in-line" | "Credit-card-filled" | "Credit-card-in-line" | "Delete-filled" | "Delete-in-line" | "Devices-filled" | "Devices-in-line" | "Document-filled" | "Document-in-line" | "Dot-filled" | "Dot-in-line" | "Download-filled" | "Download-in-line" | "Edit-filled" | "Edit-in-line" | "Edit-text-filled" | "Edit-text-in-line" | "Employee-filled" | "Employee-in-line" | "Error-filled" | "Error-in-line" | "Essay-filled" | "Essay-in-line" | "Experience-filled" | "Experience-in-line" | "Facebook-filled" | "Facebook-in-line" | "Fast-forward-filled" | "Fast-forward-in-line" | "Fast-rewind-filled" | "Fast-rewind-in-line" | "Filter-filled" | "Filter-in-line" | "Fire-filled" | "Fire-in-line" | "Flag-filled" | "Flag-in-line" | "Folder-filled" | "Folder-in-line" | "Full-screen-filled" | "Full-screen-in-line" | "Gender-male-filled" | "Gender-male-in-line" | "Gender-female-filled" | "Gender-female-in-line" | "Gift-filled" | "Gift-in-line" | "Google-filled" | "Google-in-line" | "Grab-filled" | "Grab-in-line" | "Help-filled" | "Help-in-line" | "Hide-filled" | "Hide-in-line" | "Image-filled" | "Image-in-line" | "Info-filled" | "Info-in-line" | "Instagram-filled" | "Instagram-in-line" | "Integration-filled" | "Integration-in-line" | "Invite-filled" | "Invite-in-line" | "ID-verified-filled" | "ID-verified-in-line" | "ID-not-verified-filled" | "ID-not-verified-in-line" | "ID-failed-filled" | "ID-failed-in-line" | "Language-filled" | "Language-in-line" | "Layout-filled" | "Layout-in-line" | "Learn-filled" | "Learn-in-line" | "Level-filled" | "Level-in-line" | "Light-bulb-filled" | "Light-bulb-in-line" | "Link-filled" | "Link-in-line" | "Linkedin-filled" | "Linkedin-in-line" | "Localization-filled" | "Localization-in-line" | "Location-filled" | "Location-in-line" | "Lock-filled" | "Lock-in-line" | "Logout-filled" | "Logout-in-line" | "Medal-filled" | "Medal-in-line" | "Menu-burger-filled" | "Menu-burger-in-line" | "Menu-close-filled" | "Menu-close-in-line" | "Menu-ellipsis-filled" | "Menu-ellipsis-in-line" | "Menu-open-filled" | "Menu-open-in-line" | "Mic-filled" | "Mic-in-line" | "Microsoft-filled" | "Microsoft-in-line" | "Minimize-filled" | "Minimize-in-line" | "Minus-filled" | "Minus-in-line" | "Mouse-filled" | "Mouse-in-line" | "Multi-choice-filled" | "Multi-choice-in-line" | "Notification-bell-filled" | "Notification-bell-in-line" | "Open-lock-filled" | "Open-lock-in-line" | "Open-in-new-filled" | "Open-in-new-in-line" | "Password-filled" | "Password-in-line" | "Path-filled" | "Path-in-line" | "Pause-filled" | "Pause-in-line" | "Pin-marker-filled" | "Pin-marker-in-line" | "Plan-billing-filled" | "Plan-billing-in-line" | "Play-filled" | "Play-in-line" | "Plus-filled" | "Plus-in-line" | "Premium-filled" | "Premium-in-line" | "Premium-circle-in-line" | "Question-count-filled" | "Question-count-in-line" | "Question-filled" | "Question-in-line" | "Record-filled" | "Record-in-line" | "Reject-filled" | "Refer-in-line" | "Refer-filled" | "Reject-in-line" | "Reset-filled" | "Reset-in-line" | "Review-emoji-1-filled" | "Review-emoji-1-in-line" | "Review-emoji-2-filled" | "Review-emoji-2-in-line" | "Review-emoji-3-filled" | "Review-emoji-3-in-line" | "Review-emoji-4-filled" | "Review-emoji-4-in-line" | "Review-emoji-5-filled" | "Review-emoji-5-in-line" | "Review-filled" | "Review-half-star-filled" | "Review-half-star-in-line" | "Review-in-line" | "Review-star-filled" | "Review-star-in-line" | "Search-filled" | "Search-in-line" | "Secure-filled" | "Secure-in-line" | "Send-filled" | "Send-in-line" | "Settings-filled" | "Settings-in-line" | "Share-filled" | "Share-in-line" | "Skip-next-filled" | "Skip-next-in-line" | "Skip-previous-filled" | "Skip-previous-in-line" | "Sparkle-filled" | "Sparkle-in-line" | "Speedometer-filled" | "Speedometer-in-line" | "Star-filled" | "Star-in-line" | "Stop-filled" | "Stop-in-line" | "Switch-filled" | "Switch-in-line" | "Sync-filled" | "Sync-in-line" | "Tag-filled" | "Tag-in-line" | "Team-filled" | "Team-in-line" | "Test-filled" | "Test-in-line" | "Thumb-down-in-line" | "Thumb-down-filled" | "Thumb-up-in-line" | "Thumb-up-filled" | "Timer-filled" | "Timer-in-line" | "Trophy-filled" | "Trophy-in-line" | "Type-filled" | "Type-in-line" | "Unarchive-filled" | "Unarchive-in-line" | "Unlock-filled" | "Unlock-in-line" | "Upgrade-filled" | "Upgrade-in-line" | "Upload-filled" | "Upload-in-line" | "User-access-filled" | "User-access-in-line" | "User-add-filled" | "User-add-in-line" | "User-profile-filled" | "User-profile-in-line" | "Video-filled" | "Video-in-line" | "View-filled" | "View-in-line" | "Volume-filled" | "Volume-in-line" | "Warning-filled" | "Warning-in-line" | "Validated-filled" | "Validated-in-line" | "Verified-badge-filled" | "Verified-badge-in-line" | "Zoom-in-filled" | "Zoom-in-in-line" | "Zoom-out-filled" | "Zoom-out-in-line" | "Analytics-filled" | "Analytics-in-line" | "Failed-to-load-filled" | "Failed-to-load-in-line" | "History-filled" | "History-in-line" | "TestGorilla-filled" | "TestGorilla-in-line" | "TestGorilla-Pink-filled" | "TestGorilla-Pink-in-line" | "Pencil-to-gorilla-in-line" | "Pencil-to-gorilla-filled" | "Switch-tab-in-line" | "Switch-tab-filled" | "Close-round-in-line" | "Close-round-filled" | "Add" | "Archive" | "Arrow_down" | "Arrow_left" | "Arrow_right" | "Arrow_up" | "Assessment" | "Attempts" | "Book" | "Calendar" | "Candidates" | "Chat-notifications" | "Chat" | "Check" | "Clone" | "Close" | "Code" | "Company" | "Copy" | "Custom-questions" | "Delete" | "Devices" | "Document" | "Dot" | "Download" | "Edit" | "Email-message" | "Empty-placeholder" | "Error" | "Essay" | "Eye-hide" | "Eye-view" | "Feedback-1" | "Feedback-2" | "Feedback-3" | "Feedback-4" | "Feedback-5" | "File-attach" | "File-upload" | "Filter" | "Flag" | "Folder" | "Format-add-file" | "Format-add-table" | "Format-align-L" | "Format-align-R" | "Format-align-center" | "Format-align-justify" | "Format-bold" | "Format-code-active" | "Format-code-block" | "Format-edit-table" | "Format-format" | "Format-function" | "Format-italics" | "Format-list-bulleted" | "Format-list-numbered" | "Format-picker" | "Format-quote" | "Format-subscript" | "Format-superscript" | "Format-text-direction-L" | "Format-text-direction-R" | "Format-text-size" | "Format-underline" | "Format-variable" | "Full-screen" | "Gender-female" | "Gender-male" | "Help-2" | "Help" | "Image" | "Info" | "Integration" | "Language" | "Layout" | "Learn" | "Level" | "Light-bulb" | "Link" | "Loading-spinner" | "Localisation" | "Location" | "Lock" | "Log-out" | "Menu-burger" | "Menu-close" | "Menu-ellipsis" | "Menu-open" | "Microphone" | "Microsoft" | "Minus" | "Mouse-cursor" | "Mouse-grab-cursor" | "Mouse" | "Multi-choice" | "Notifications" | "Password" | "Path" | "Pin-marker" | "Plan-billing" | "Plus" | "Premium" | "Promotion" | "Question-count" | "Refer" | "Reset" | "Review" | "Round-check-filled" | "Round-check" | "Search" | "Secure-checkout" | "Send" | "Settings" | "Social-facebook" | "Social-instagram" | "Social-linkedin" | "Sorting-down-1" | "Sorting-down" | "Speedometer" | "Star-half" | "Star-outline" | "Support" | "Sync" | "Team" | "Test" | "Thunder" | "Timer" | "Trophy" | "Type" | "Unarchive" | "Unlock" | "Upgrade" | "Upload" | "User-access" | "User-add" | "User-invite" | "User-profile" | "User-reject" | "User-switch" | "Video-pause" | "Video-play" | "Video-record" | "Video" | "Volume" | "Warning" | "Zoom-in" | "Zoom-out" | "Fire" | "Gift" | "Grab" | "Share" | "Sparkles" | "Video-stop" | "Minimize" | "Employee" | "Money-bag" | "Suitcase" | "Google" | "Fast-forward" | "Fast-rewind" | "Skip-next" | "Skip-previous" | "TestGorilla" | "Switch-tab";
+        variant: "secondary-inverted";
+        size: "small";
+        disabled: boolean;
+    }>;
+    cancelButtonConfig: _angular_core.Signal<{
+        label: string;
+        iconName: "Device-rotate-in-line" | "Archive-filled" | "Archive-in-line" | "Add-in-line" | "Add-filled" | "Arrow-chevron-down-filled" | "Arrow-chevron-down-in-line" | "Arrow-chevron-left-filled" | "Arrow-chevron-left-in-line" | "Arrow-chevron-right-filled" | "Arrow-chevron-right-in-line" | "Arrow-chevron-up-filled" | "Arrow-chevron-up-in-line" | "Arrow-down-filled" | "Arrow-down-in-line" | "Arrow-up-filled" | "Arrow-up-in-line" | "Assessment-filled" | "Assessment-in-line" | "Attach-filled" | "Attach-in-line" | "Attempts-filled" | "Attempts-in-line" | "Book-filled" | "Book-in-line" | "Bookmark-filled" | "Bookmark-in-line" | "Calendar-filled" | "Calendar-in-line" | "Candidates-filled" | "Candidates-in-line" | "Chat-filled" | "Chat-in-line" | "Check-filled" | "Check-in-line" | "Check-small-in-line" | "Check-small-filled" | "Check-round-filled" | "Check-round-in-line" | "Circle-filled" | "Circle-in-line" | "Clone-filled" | "Clone-in-line" | "Close-filled" | "Close-in-line" | "Code-filled" | "Code-in-line" | "Company-filled" | "Company-in-line" | "Copy-filled" | "Copy-in-line" | "Credit-filled" | "Credit-in-line" | "Credit-card-filled" | "Credit-card-in-line" | "Delete-filled" | "Delete-in-line" | "Devices-filled" | "Devices-in-line" | "Document-filled" | "Document-in-line" | "Dot-filled" | "Dot-in-line" | "Download-filled" | "Download-in-line" | "Edit-filled" | "Edit-in-line" | "Edit-text-filled" | "Edit-text-in-line" | "Employee-filled" | "Employee-in-line" | "Error-filled" | "Error-in-line" | "Essay-filled" | "Essay-in-line" | "Experience-filled" | "Experience-in-line" | "Facebook-filled" | "Facebook-in-line" | "Fast-forward-filled" | "Fast-forward-in-line" | "Fast-rewind-filled" | "Fast-rewind-in-line" | "Filter-filled" | "Filter-in-line" | "Fire-filled" | "Fire-in-line" | "Flag-filled" | "Flag-in-line" | "Folder-filled" | "Folder-in-line" | "Full-screen-filled" | "Full-screen-in-line" | "Gender-male-filled" | "Gender-male-in-line" | "Gender-female-filled" | "Gender-female-in-line" | "Gift-filled" | "Gift-in-line" | "Google-filled" | "Google-in-line" | "Grab-filled" | "Grab-in-line" | "Help-filled" | "Help-in-line" | "Hide-filled" | "Hide-in-line" | "Image-filled" | "Image-in-line" | "Info-filled" | "Info-in-line" | "Instagram-filled" | "Instagram-in-line" | "Integration-filled" | "Integration-in-line" | "Invite-filled" | "Invite-in-line" | "ID-verified-filled" | "ID-verified-in-line" | "ID-not-verified-filled" | "ID-not-verified-in-line" | "ID-failed-filled" | "ID-failed-in-line" | "Language-filled" | "Language-in-line" | "Layout-filled" | "Layout-in-line" | "Learn-filled" | "Learn-in-line" | "Level-filled" | "Level-in-line" | "Light-bulb-filled" | "Light-bulb-in-line" | "Link-filled" | "Link-in-line" | "Linkedin-filled" | "Linkedin-in-line" | "Localization-filled" | "Localization-in-line" | "Location-filled" | "Location-in-line" | "Lock-filled" | "Lock-in-line" | "Logout-filled" | "Logout-in-line" | "Medal-filled" | "Medal-in-line" | "Menu-burger-filled" | "Menu-burger-in-line" | "Menu-close-filled" | "Menu-close-in-line" | "Menu-ellipsis-filled" | "Menu-ellipsis-in-line" | "Menu-open-filled" | "Menu-open-in-line" | "Mic-filled" | "Mic-in-line" | "Microsoft-filled" | "Microsoft-in-line" | "Minimize-filled" | "Minimize-in-line" | "Minus-filled" | "Minus-in-line" | "Mouse-filled" | "Mouse-in-line" | "Multi-choice-filled" | "Multi-choice-in-line" | "Notification-bell-filled" | "Notification-bell-in-line" | "Open-lock-filled" | "Open-lock-in-line" | "Open-in-new-filled" | "Open-in-new-in-line" | "Password-filled" | "Password-in-line" | "Path-filled" | "Path-in-line" | "Pause-filled" | "Pause-in-line" | "Pin-marker-filled" | "Pin-marker-in-line" | "Plan-billing-filled" | "Plan-billing-in-line" | "Play-filled" | "Play-in-line" | "Plus-filled" | "Plus-in-line" | "Premium-filled" | "Premium-in-line" | "Premium-circle-in-line" | "Question-count-filled" | "Question-count-in-line" | "Question-filled" | "Question-in-line" | "Record-filled" | "Record-in-line" | "Reject-filled" | "Refer-in-line" | "Refer-filled" | "Reject-in-line" | "Reset-filled" | "Reset-in-line" | "Review-emoji-1-filled" | "Review-emoji-1-in-line" | "Review-emoji-2-filled" | "Review-emoji-2-in-line" | "Review-emoji-3-filled" | "Review-emoji-3-in-line" | "Review-emoji-4-filled" | "Review-emoji-4-in-line" | "Review-emoji-5-filled" | "Review-emoji-5-in-line" | "Review-filled" | "Review-half-star-filled" | "Review-half-star-in-line" | "Review-in-line" | "Review-star-filled" | "Review-star-in-line" | "Search-filled" | "Search-in-line" | "Secure-filled" | "Secure-in-line" | "Send-filled" | "Send-in-line" | "Settings-filled" | "Settings-in-line" | "Share-filled" | "Share-in-line" | "Skip-next-filled" | "Skip-next-in-line" | "Skip-previous-filled" | "Skip-previous-in-line" | "Sparkle-filled" | "Sparkle-in-line" | "Speedometer-filled" | "Speedometer-in-line" | "Star-filled" | "Star-in-line" | "Stop-filled" | "Stop-in-line" | "Switch-filled" | "Switch-in-line" | "Sync-filled" | "Sync-in-line" | "Tag-filled" | "Tag-in-line" | "Team-filled" | "Team-in-line" | "Test-filled" | "Test-in-line" | "Thumb-down-in-line" | "Thumb-down-filled" | "Thumb-up-in-line" | "Thumb-up-filled" | "Timer-filled" | "Timer-in-line" | "Trophy-filled" | "Trophy-in-line" | "Type-filled" | "Type-in-line" | "Unarchive-filled" | "Unarchive-in-line" | "Unlock-filled" | "Unlock-in-line" | "Upgrade-filled" | "Upgrade-in-line" | "Upload-filled" | "Upload-in-line" | "User-access-filled" | "User-access-in-line" | "User-add-filled" | "User-add-in-line" | "User-profile-filled" | "User-profile-in-line" | "Video-filled" | "Video-in-line" | "View-filled" | "View-in-line" | "Volume-filled" | "Volume-in-line" | "Warning-filled" | "Warning-in-line" | "Validated-filled" | "Validated-in-line" | "Verified-badge-filled" | "Verified-badge-in-line" | "Zoom-in-filled" | "Zoom-in-in-line" | "Zoom-out-filled" | "Zoom-out-in-line" | "Analytics-filled" | "Analytics-in-line" | "Failed-to-load-filled" | "Failed-to-load-in-line" | "History-filled" | "History-in-line" | "TestGorilla-filled" | "TestGorilla-in-line" | "TestGorilla-Pink-filled" | "TestGorilla-Pink-in-line" | "Pencil-to-gorilla-in-line" | "Pencil-to-gorilla-filled" | "Switch-tab-in-line" | "Switch-tab-filled" | "Close-round-in-line" | "Close-round-filled" | "Add" | "Archive" | "Arrow_down" | "Arrow_left" | "Arrow_right" | "Arrow_up" | "Assessment" | "Attempts" | "Book" | "Calendar" | "Candidates" | "Chat-notifications" | "Chat" | "Check" | "Clone" | "Close" | "Code" | "Company" | "Copy" | "Custom-questions" | "Delete" | "Devices" | "Document" | "Dot" | "Download" | "Edit" | "Email-message" | "Empty-placeholder" | "Error" | "Essay" | "Eye-hide" | "Eye-view" | "Feedback-1" | "Feedback-2" | "Feedback-3" | "Feedback-4" | "Feedback-5" | "File-attach" | "File-upload" | "Filter" | "Flag" | "Folder" | "Format-add-file" | "Format-add-table" | "Format-align-L" | "Format-align-R" | "Format-align-center" | "Format-align-justify" | "Format-bold" | "Format-code-active" | "Format-code-block" | "Format-edit-table" | "Format-format" | "Format-function" | "Format-italics" | "Format-list-bulleted" | "Format-list-numbered" | "Format-picker" | "Format-quote" | "Format-subscript" | "Format-superscript" | "Format-text-direction-L" | "Format-text-direction-R" | "Format-text-size" | "Format-underline" | "Format-variable" | "Full-screen" | "Gender-female" | "Gender-male" | "Help-2" | "Help" | "Image" | "Info" | "Integration" | "Language" | "Layout" | "Learn" | "Level" | "Light-bulb" | "Link" | "Loading-spinner" | "Localisation" | "Location" | "Lock" | "Log-out" | "Menu-burger" | "Menu-close" | "Menu-ellipsis" | "Menu-open" | "Microphone" | "Microsoft" | "Minus" | "Mouse-cursor" | "Mouse-grab-cursor" | "Mouse" | "Multi-choice" | "Notifications" | "Password" | "Path" | "Pin-marker" | "Plan-billing" | "Plus" | "Premium" | "Promotion" | "Question-count" | "Refer" | "Reset" | "Review" | "Round-check-filled" | "Round-check" | "Search" | "Secure-checkout" | "Send" | "Settings" | "Social-facebook" | "Social-instagram" | "Social-linkedin" | "Sorting-down-1" | "Sorting-down" | "Speedometer" | "Star-half" | "Star-outline" | "Support" | "Sync" | "Team" | "Test" | "Thunder" | "Timer" | "Trophy" | "Type" | "Unarchive" | "Unlock" | "Upgrade" | "Upload" | "User-access" | "User-add" | "User-invite" | "User-profile" | "User-reject" | "User-switch" | "Video-pause" | "Video-play" | "Video-record" | "Video" | "Volume" | "Warning" | "Zoom-in" | "Zoom-out" | "Fire" | "Gift" | "Grab" | "Share" | "Sparkles" | "Video-stop" | "Minimize" | "Employee" | "Money-bag" | "Suitcase" | "Google" | "Fast-forward" | "Fast-rewind" | "Skip-next" | "Skip-previous" | "TestGorilla" | "Switch-tab";
+        variant: "secondary-inverted";
+        size: "small";
+        disabled: boolean;
+    }>;
+    private onChange;
+    private onTouched;
+    constructor(cdr: ChangeDetectorRef, destroyRef: DestroyRef, elementRef: ElementRef, 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: KeyboardEvent): void;
+    onEnterPressed(event: KeyboardEvent): 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; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "save": "save"; "cancel": "cancel"; "valueChange": "valueChange"; "editingModeChange": "editingModeChange"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; }, never, never, false, never>;
+}
+
+declare class InlineFieldComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InlineFieldComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InlineFieldComponentModule, [typeof InlineFieldComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.ButtonComponentModule, typeof i6.FieldComponentModule, typeof i7.IconComponentModule], [typeof InlineFieldComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InlineFieldComponentModule>;
+}
+
+export { InlineFieldComponent, InlineFieldComponentModule, inlineFieldID };
+export type { InlineFieldButtonConfig, InlineFieldChangeEvent, InlineFieldEvents, InlineFieldState, InlineFieldValidation };

package/components/logo/index.d.ts

@@ -1,5 +1,106 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/logo" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i2 from '@angular/common';
+
+declare enum LogoTypeEnum {
+    DEFAULT = "default",
+    POWEREDBY = "poweredby",
+    REVERSE = "reverse",
+    PRIMARY_BRANDMARK_PINK = "primary-brandmark-pink",
+    PRIMARY_LOCKUP_PINK = "primary-lockup-pink",
+    PRIMARY_WORDMARK_PINK = "primary-wordmark-pink",
+    SECONDARY_BRANDMARK_BLACK = "secondary-brandmark-black",
+    SECONDARY_BRANDMARK_CREAM = "secondary-brandmark-cream",
+    SECONDARY_LOCKUP_BLACK = "secondary-lockup-black",
+    SECONDARY_LOCKUP_CREAM = "secondary-lockup-cream",
+    SECONDARY_WORDMARK_BLACK = "secondary-wordmark-black",
+    SECONDARY_WORDMARK_CREAM = "secondary-wordmark-cream"
+}
+declare enum LogoPathEnum {
+    DEFAULT = "/images/testgorilla.svg",
+    POWEREDBY = "/images/poweredbyTG.svg",
+    REVERSE = "/images/reverseTG.svg",
+    PRIMARY_BRANDMARK_PINK = "/images/rebrand-logo/primary_brandmark_pink.svg",
+    PRIMARY_LOCKUP_PINK = "/images/rebrand-logo/primary_lockup_pink.svg",
+    PRIMARY_WORDMARK_PINK = "/images/rebrand-logo/primary_wordmark_pink.svg",
+    SECONDARY_BRANDMARK_BLACK = "/images/rebrand-logo/secondary_brandmark_black.svg",
+    SECONDARY_BRANDMARK_CREAM = "/images/rebrand-logo/secondary_brandmark_cream.svg",
+    SECONDARY_LOCKUP_BLACK = "/images/rebrand-logo/secondary_lockup_black.svg",
+    SECONDARY_LOCKUP_CREAM = "/images/rebrand-logo/secondary_lockup_cream.svg",
+    SECONDARY_WORDMARK_BLACK = "/images/rebrand-logo/secondary_wordmark_black.svg",
+    SECONDARY_WORDMARK_CREAM = "/images/rebrand-logo/secondary_wordmark_cream.svg",
+    REBRAND_POWEREDBY = "/images/rebrand-logo/powered-by.svg"
+}
+
+declare class LogoComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    /**
+     * Logo type
+     *
+     * @type {LogoTypeEnum}
+     * @memberof LogoComponent
+     */
+    type: LogoTypeEnum;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof LogoComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Label. Only for ppoweredby type
+     *
+     * @type {string}
+     * @memberof LogoComponent
+     */
+    label: string;
+    /**
+     * Set logo width
+     * @default 200
+     * @type {number}
+     * @memberof LogoComponent
+     */
+    width: number;
+    /**
+     *
+     * Allow change logo width
+     *
+     * @type {string}
+     * @memberof LogoComponent
+     */
+    allowResizing: boolean;
+    protected readonly LogoTypeEnum: typeof LogoTypeEnum;
+    /**
+     * @ignore
+     */
+    logoURL: string;
+    /**
+     * @ignore
+     */
+    setURL: () => void;
+    constructor(defaultAppTheme: ApplicationTheme);
+    /**
+     * @ignore
+     */
+    ngOnInit(): void;
+    /**
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    private changeWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class LogoComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LogoComponentModule, [typeof LogoComponent], [typeof i2.NgIf], [typeof LogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LogoComponentModule>;
+}
+
+export { LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum };

package/components/media-card/index.d.ts

@@ -1,5 +1,35 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/media-card" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+declare class MediaCardComponent {
+    /**
+     * The title of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    title: string;
+    /**
+     * The description of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    description: string;
+    /**
+     * The image of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    image: string;
+    /**
+     * The label of the button
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    buttonLabel: string;
+    buttonClick: EventEmitter<void>;
+    protected showTitleTooltip: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaCardComponent, "ui-media-card", never, { "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; "image": { "alias": "image"; "required": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}
+
+export { MediaCardComponent };

package/components/media-dialog/index.d.ts

@@ -1,5 +1,47 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/media-dialog" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+
+interface MediaDialogStep {
+    subheader?: string;
+    title: string;
+    body: string;
+    mediaContainer: TemplateRef<any>;
+    primaryButtonLabel: string;
+    secondaryButtonLabel?: string;
+    backButtonLabel?: string;
+    primaryButtonDataTestId?: string;
+    secondaryButtonDataTestId?: string;
+    backButtonDataTestId?: string;
+}
+interface MediaDialogData {
+    steps?: MediaDialogStep[];
+}
+
+declare class MediaDialogComponent {
+    dialogRef: MatDialogRef<MediaDialogComponent>;
+    private data;
+    primaryButtonLabel: string | undefined;
+    secondaryButtonLabel: string | undefined;
+    backButtonLabel: string | undefined;
+    title: string | undefined;
+    primaryButtonDataTestId: string;
+    secondaryButtonDataTestId: string;
+    backButtonDataTestId: string;
+    mediaContainer: TemplateRef<any>;
+    subheader: string | undefined;
+    body: string;
+    currentStepIndex: number;
+    steps: MediaDialogStep[];
+    constructor(dialogRef: MatDialogRef<MediaDialogComponent>, data: MediaDialogData);
+    private setStep;
+    onPrimaryButtonClick(): void;
+    onBackButtonClick(): void;
+    onSecondaryButtonClick(): void;
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaDialogComponent, "ui-media-dialog", never, {}, {}, never, never, true, never>;
+}
+
+export { MediaDialogComponent };
+export type { MediaDialogData, MediaDialogStep };