@testgorilla/tgo-ui 7.13.2 → 8.1.0

package/components/card/index.d.ts

@@ -1,5 +1,103 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/card" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, OnInit, EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconSize } from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@angular/common';
+
+type CardSize = 'small' | 'medium' | 'large';
+type CardSizeVariant = 'regular' | 'condensed';
+type CardVariant = 'default' | 'shadow' | 'state' | 'error' | 'educative' | 'premium' | 'ai' | 'actionDriver' | 'neutral' | 'neutral-state';
+
+declare class CardComponent implements OnChanges, OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Card size. Defaults "medium".
+     *
+     * @type {CardSize}
+     * @memberof CardComponent
+     */
+    size: CardSize;
+    /**
+     * Card size variant. Defaults "default".
+     *
+     * @type {CardSizeVariant}
+     * @memberof CardComponent
+     */
+    sizeVariant: CardSizeVariant;
+    /**
+     * Card variants. Defaults "default".
+     *
+     * @type {CardVariant}
+     * @memberof CardComponent
+     */
+    variant: CardVariant;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof CardComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Show errors below card.
+     *
+     * @type {string[]}
+     * @memberof CardComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Errors size
+     *
+     * @type {string}
+     * @memberof CardComponent
+     */
+    errorsSize?: string | undefined;
+    /**
+     * Marks card as selected
+     *
+     * @type {boolean}
+     * @memberof CardComponent
+     */
+    selected: boolean;
+    /**
+     * Marks card as readonly. Defaults "false".
+     *
+     * @type {boolean}
+     * @memberof CardComponent
+     */
+    allowSelect: boolean;
+    /**
+     * Marks card as focusable. Defaults "true".
+     *
+     * @type {boolean}
+     * @memberof CardComponent
+     */
+    allowFocus: boolean;
+    /**
+     * Emits when card is being selected
+     */
+    cardSelected: EventEmitter<boolean>;
+    safeErrors: string[];
+    classes: string;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    get cardVariant(): CardVariant;
+    get errorIconSize(): IconSize;
+    get isSelected(): boolean;
+    selectCard(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], false, never>;
+}
+
+declare class CardComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, [typeof CardComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof CardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardComponentModule>;
+}
+
+export { CardComponent, CardComponentModule };
+export type { CardSize, CardSizeVariant, CardVariant };

package/components/checkbox/index.d.ts

@@ -1,5 +1,221 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/checkbox" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, DoCheck, OnChanges, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef, NgZone, DestroyRef } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i3 from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import * as i7 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, Alignment } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i9 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i5 from '@angular/material/input';
+import * as i6 from '@testgorilla/tgo-ui/components/icon';
+import * as i8 from '@testgorilla/tgo-ui/components/validation-error';
+
+declare class CheckboxComponent implements OnInit, FocusableOption, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
+    private readonly defaultAppTheme;
+    private cdr;
+    ngControl: NgControl;
+    private focusMonitor;
+    private ngZone;
+    private destroyRef;
+    /**
+     * Determines whether the checkbox is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the checkbox is checked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    checked: boolean;
+    /**
+     * Determines whether the checkbox is indeterminate.
+     * It can be used to represent a checkbox with three states, e.g. a checkbox that represents a nested list of checkable items.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    indeterminate: boolean;
+    /**
+     * Determines whether the checkbox color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    companyColor: string | null;
+    /**
+     * Name value will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    name: string;
+    /**
+     * Text content will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    label: string;
+    /**
+     * Determines whether the checkbox is a multiple choice cell.
+     * Default: false
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    multiple: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Defines if checkbox has error
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    hasError: boolean;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    ariaLabelledby: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    ariaDescribedby: string;
+    /**
+     *  Truncate text if it is too long
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    truncateText: boolean;
+    /**
+     * Text alignment
+     * @type {'center' | 'top'}
+     * @memberof CheckboxComponent
+     */
+    alignment: Alignment;
+    /**
+     * Sets the tab index for the checkbox component.
+     * This determines the order in which elements receive focus when the user navigates through them using the Tab key.
+     * Default value is 0.
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    tabIndex: number;
+    /**
+     * Event emitted when the checkbox's checked value changes.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    changed: EventEmitter<boolean>;
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    showTooltip: boolean;
+    classMultiple: string;
+    tooltipElement: MatTooltip;
+    checkboxElement: MatCheckbox;
+    protected origin: string | null;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
+    ngOnChanges(): 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;
+    ngAfterViewInit(): void;
+    focusAction(origin: FocusOrigin): void;
+    ngOnDestroy(): void;
+    emitChange(event: MatCheckboxChange): void;
+    ngOnInit(): void;
+    toggleChecked(): void;
+    setClass(): string;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onLabelEllipsisChange(isEllipsis: boolean): void;
+    onFocus(isFocus: boolean): void;
+    private setCompanyColor;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+}
+
+declare class FocusVisibleDirective {
+    uiFocusVisible: EventEmitter<boolean>;
+    private hadKeyboardEvent;
+    constructor();
+    handleKeyboardEvent(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusVisibleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusVisibleDirective, "[uiFocusVisible]", never, {}, { "uiFocusVisible": "uiFocusVisible"; }, never, never, true, never>;
+}
+
+declare class CheckboxComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule, typeof i7.HasValidationErrorPipe, typeof i7.EllipseTextDirective, typeof i9.MatTooltipModule, typeof FocusVisibleDirective], [typeof CheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
+}
+
+export { CheckboxComponent, CheckboxComponentModule, FocusVisibleDirective };

package/components/checklist/index.d.ts

@@ -1,5 +1,97 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/checklist" />
-export * from './public-api';
+import * as _testgorilla_tgo_ui_components_core from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as _angular_core from '@angular/core';
+
+interface ChecklistItem {
+    label: string;
+    value: string;
+    checked: boolean;
+    description?: string;
+    hasLink?: boolean;
+    disabled?: boolean;
+    reselect?: boolean;
+}
+
+declare class ChecklistComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Label for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Sub title/Description for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    description: _angular_core.InputSignal<string | null>;
+    /**
+     * Items for the checklist
+     * @type {ModelSignal<ChecklistItem[]>}
+     * @memberof ChecklistComponent
+     */
+    items: _angular_core.ModelSignal<ChecklistItem[]>;
+    /**
+     * Application theme
+     * @type {ApplicationTheme}
+     * @memberof ChecklistComponent
+     */
+    applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
+    readonly theme: _angular_core.Signal<ApplicationTheme>;
+    /**
+     * Confirm button label
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    footerButtonLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 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 ChecklistComponent
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof ChecklistComponent
+     */
+    language: _angular_core.InputSignal<_testgorilla_tgo_ui_components_core.Language>;
+    /**
+     * A boolean property that determines whether the checklist items should be automatically checked.
+     *
+     * @type {boolean}
+     */
+    autocheck: _angular_core.InputSignal<boolean>;
+    /**
+     * Event emitter that triggers when the footer button is clicked.
+     * Emits a void event.
+     */
+    footerButtonClicked: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An output event emitter that signifies the completion of a task or process.
+     * This event does not carry any payload.
+     */
+    readonly completed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Represents the currently selected item in the checklist.
+     * This is an instance of the `ChecklistItem` supports two-way binding.
+     */
+    selectedItem: _angular_core.ModelSignal<ChecklistItem | undefined>;
+    readonly currentIndex: _angular_core.Signal<number>;
+    protected progress: _angular_core.Signal<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    selectItem(item: ChecklistItem): void;
+    keydownHandler($event: KeyboardEvent, item: ChecklistItem): void;
+    next(): void;
+    prev(): void;
+    footerButtonClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChecklistComponent, [{ optional: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChecklistComponent, "ui-checklist", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "footerButtonLabel": { "alias": "footerButtonLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "autocheck": { "alias": "autocheck"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "footerButtonClicked": "footerButtonClicked"; "completed": "completed"; "selectedItem": "selectedItemChange"; }, never, never, true, never>;
+}
+
+export { ChecklistComponent };
+export type { ChecklistItem };