@testgorilla/tgo-ui 6.4.2-beta.1 → 6.4.2-beta.4

package/components/segmented-button/index.d.ts

@@ -1,5 +1,77 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/segmented-button" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { TemplateRef, EventEmitter } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/button-toggle';
+import * as i5 from '@angular/material/tooltip';
+
+interface SegmentedButton {
+    value: string;
+    label?: string;
+    template?: TemplateRef<any>;
+    disabled?: boolean;
+    tooltip?: string;
+}
+
+declare class SegmentedButtonComponent implements ControlValueAccessor {
+    private readonly defaultAppTheme;
+    /**
+     * Input property to set the buttons for the segmented button.
+     * @type SegmentedButton
+     * @memberof SegmentedButtonComponent
+     */
+    buttonConfig: SegmentedButton[];
+    /**
+     * Whether the component is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof SegmentedButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * Indicator of the Segmented Button width
+     *
+     * @memberof SegmentedButtonComponent
+     */
+    fullWidth: boolean;
+    /**
+     * Selected button
+     *
+     * @memberof SegmentedButtonComponent
+     */
+    set value(v: any);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SegmentedButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    buttonSelected: EventEmitter<any>;
+    protected _value: any;
+    get value(): any;
+    constructor(defaultAppTheme: ApplicationTheme);
+    onChange: (_v: any) => void;
+    onTouch: () => void;
+    writeValue(obj: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    manualChangeValue({ value }: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
+}
+
+declare class SegmentedButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedButtonComponentModule, [typeof SegmentedButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonToggleModule, typeof i4.FormsModule, typeof i5.MatTooltipModule], [typeof SegmentedButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
+}
+
+export { SegmentedButtonComponent, SegmentedButtonComponentModule };
+export type { SegmentedButton };

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

@@ -1,5 +1,50 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/selectable-card" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import * as i3 from '@testgorilla/tgo-ui/components/card';
+import { CardSize, CardVariant } from '@testgorilla/tgo-ui/components/card';
+import * as i2 from '@angular/common';
+import * as i4 from '@testgorilla/tgo-ui/components/checkbox';
+
+declare class SelectableCardComponent {
+    /**
+     * Card size. Defaults to "medium".
+     */
+    size: _angular_core.InputSignal<CardSize>;
+    /**
+     * Card variant/design for selected state. Defaults to "default".
+     */
+    selectedVariant: _angular_core.InputSignal<CardVariant>;
+    /**
+     * Whether the card is selected (input from parent).
+     */
+    selected: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the checkbox is disabled.
+     */
+    isCheckboxDisabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Event emitted when the card is selected, with the current selected state.
+     */
+    cardSelected: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Internal override for selected state (when user interacts).
+     */
+    private internalSelectedOverride;
+    /**
+     * Computed selected state that prioritizes user interaction over input.
+     */
+    isSelected: _angular_core.Signal<boolean>;
+    /**
+     * Handles card selection, toggles internal state and emits the new value.
+     */
+    handleSelect(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableCardComponent, "ui-selectable-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectedVariant": { "alias": "selectedVariant"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "isCheckboxDisabled": { "alias": "isCheckboxDisabled"; "required": false; "isSignal": true; }; }, { "cardSelected": "cardSelected"; }, never, ["[ui-selectable-card-label]", "[ui-selectable-card-content]"], false, never>;
+}
+
+declare class SelectableCardComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableCardComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SelectableCardComponentModule, [typeof SelectableCardComponent], [typeof i2.CommonModule, typeof i3.CardComponentModule, typeof i4.CheckboxComponentModule], [typeof SelectableCardComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SelectableCardComponentModule>;
+}
+
+export { SelectableCardComponent, SelectableCardComponentModule };

package/components/side-panel/index.d.ts

@@ -1,5 +1,99 @@
+import * as _testgorilla_tgo_ui_components_core from '@testgorilla/tgo-ui/components/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, ViewContainerRef, ElementRef, Type, TemplateRef, Injector } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as _angular_animations from '@angular/animations';
+
+type SidePanelPosition = 'left' | 'right';
+declare enum SidePanelAnimationState {
+    Open = "open",
+    Closed = "closed",
+    ClosedRight = "closedRight",
+    ClosedLeft = "closedLeft"
+}
+type SidePanelSize = 'small' | 'large';
+declare class SidePanelConfig {
+    title: string;
+    position: SidePanelPosition;
+    showBackButton: boolean;
+    data?: unknown;
+    showCloseButton?: boolean;
+    showHeader?: boolean;
+    panelClass?: string;
+    size?: SidePanelSize;
+}
+declare const defaultSidePanelConfig: SidePanelConfig;
+declare const SIDE_PANEL_CONFIG: InjectionToken<SidePanelConfig>;
 /**
- * Generated bundle index. Do not edit.
+ * Reference to a side panel opened via the SidePanelService.
+ * Similar to MatDialogRef from Angular Material.
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/side-panel" />
-export * from './public-api';
+declare class SidePanelRef<T = any, R = any> {
+    private readonly _afterClosed;
+    /**
+     * Instance of the component loaded into the side panel.
+     * Will be undefined if a TemplateRef was used instead of a component.
+     */
+    componentInstance?: R;
+    /**
+     * Observable that emits when the side panel is closed.
+     * Emits the result passed to the close method, or undefined if no result was provided.
+     */
+    afterClosed(): Observable<T | undefined>;
+    /**
+     * Closes the side panel with an optional result.
+     * @param result Optional data to be emitted via afterClosed()
+     */
+    close(_result?: T): void;
+    /** @internal */
+    _emitClose(result?: T): void;
+}
+
+declare class SidePanelComponent {
+    sidePanelPosition: _angular_core.WritableSignal<SidePanelPosition>;
+    sidePanelContainer: _angular_core.Signal<ViewContainerRef>;
+    sidePanel: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    backdrop: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    language: _testgorilla_tgo_ui_components_core.Language;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    size: _angular_core.WritableSignal<SidePanelSize | undefined>;
+    isSmall: _angular_core.Signal<boolean>;
+    isLarge: _angular_core.Signal<boolean>;
+    animation: _angular_core.Signal<SidePanelAnimationState.Open | SidePanelAnimationState.ClosedRight | SidePanelAnimationState.ClosedLeft>;
+    private sidePanelService;
+    sidePanelConfig: SidePanelConfig;
+    constructor();
+    open(): void;
+    close(result?: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidePanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidePanelComponent, "ui-side-panel", never, {}, {}, never, never, true, never>;
+}
+
+declare class SidePanelService {
+    private SidePanelComponentRef?;
+    private contentComponentRef?;
+    private embeddedViewRef?;
+    private currentSidePanelRef?;
+    private defaultSidePanelConfig;
+    private injector;
+    private appRef;
+    constructor();
+    open<T = any, R = any>(content: Type<R> | TemplateRef<any>, config: Partial<SidePanelConfig>, parentInjector?: Injector): SidePanelRef<T, R>;
+    close<T = any>(result?: T): void;
+    destroyComponent<T = any>(result?: T): void;
+    private createSidePanelInjector;
+    private createSidePanelComponent;
+    private loadComponent;
+    private loadTemplate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidePanelService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidePanelService>;
+}
+
+declare const sidePanelAnimationDuration = 150;
+declare const sidePanelAnimation: _angular_animations.AnimationTriggerMetadata[];
+declare const backdropAnimation: _angular_animations.AnimationTriggerMetadata[];
+
+declare const SIDE_PANEL_DATA: InjectionToken<unknown>;
+
+export { SIDE_PANEL_CONFIG, SIDE_PANEL_DATA, SidePanelAnimationState, SidePanelComponent, SidePanelConfig, SidePanelRef, SidePanelService, backdropAnimation, defaultSidePanelConfig, sidePanelAnimation, sidePanelAnimationDuration };
+export type { SidePanelPosition, SidePanelSize };

package/components/side-sheet/index.d.ts

@@ -1,5 +1,81 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/side-sheet" />
-export * from './public-api';
+import * as rxjs from 'rxjs';
+import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { ApplicationRef, OnInit, EventEmitter, ViewContainerRef, DestroyRef } from '@angular/core';
+import * as i6 from '@angular/material/sidenav';
+import { MatDrawer } from '@angular/material/sidenav';
+import * as i7 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import * as i4 from '@testgorilla/tgo-ui/components/button';
+import * as i5 from '@angular/material/tooltip';
+import * as i8 from '@testgorilla/tgo-ui/components/logo';
+
+interface SideSheetConfig {
+    componentRef: any;
+    title?: string;
+    showLogo?: boolean;
+    showBackButton?: boolean;
+    showTitleTooltip?: boolean;
+    closed?: Observable<void>;
+}
+type SideSheetPosition = 'start' | 'end';
+
+declare class SideSheetService {
+    private applicationRef;
+    private componentRef$;
+    constructor(applicationRef: ApplicationRef);
+    open<T>(config: SideSheetConfig): T;
+    close(): void;
+    getComponentRef(): Observable<SideSheetConfig | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SideSheetService>;
+}
+
+declare class SideSheetComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private sideSheetService;
+    private destroyRef;
+    /**
+     * Set position. Defaults "end"
+     *
+     * @type {SideSheetPosition}
+     * @memberof SideSheetComponent
+     */
+    position: SideSheetPosition;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SideSheetComponent
+     */
+    applicationTheme: ApplicationTheme;
+    openChange: EventEmitter<boolean>;
+    drawer: MatDrawer;
+    container: ViewContainerRef;
+    onEscPress(_event: KeyboardEvent): void;
+    protected title: string;
+    protected showBackButton: boolean;
+    protected showTitleTooltip: boolean;
+    protected showLogo: boolean;
+    protected componentRef$: rxjs.Observable<SideSheetConfig | null>;
+    constructor(defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
+    ngOnInit(): void;
+    private setComponentRef;
+    private setConfig;
+    protected onClose(): void;
+    onOpenChange(isOpened: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
+}
+
+declare class SideSheetComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SideSheetComponentModule, [typeof SideSheetComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ButtonComponentModule, typeof i5.MatTooltipModule, typeof i6.MatSidenavModule, typeof i7.UiTranslatePipe, typeof i8.LogoComponentModule], [typeof SideSheetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SideSheetComponentModule>;
+}
+
+export { SideSheetComponent, SideSheetComponentModule, SideSheetService };
+export type { SideSheetConfig, SideSheetPosition };

package/components/skeleton/index.d.ts

@@ -1,5 +1,34 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/skeleton" />
-export * from './public-api';
+import * as rxjs from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
+import { NgxSkeletonLoaderConfig, NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from '@angular/core';
+
+type Appearance = NgxSkeletonLoaderConfig['appearance'];
+
+declare class SkeletonComponent {
+    private readonly defaultAppTheme;
+    count: number | string;
+    set theme(value: NgxSkeletonLoaderConfigTheme);
+    set appearance(value: Appearance);
+    isAiTheme: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SkeletonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected readonly theme$: BehaviorSubject<NgxSkeletonLoaderConfigTheme>;
+    protected readonly appearance$: BehaviorSubject<"" | "circle" | "line" | "custom-content" | "square">;
+    protected readonly currentTheme$: rxjs.Observable<NgxSkeletonLoaderConfigTheme>;
+    private getThemeWithDefaultValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "isAiTheme": { "alias": "isAiTheme"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { SkeletonComponent };
+export type { Appearance };

package/components/slider/index.d.ts

@@ -1,5 +1,144 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/slider" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { DecimalPipe } from '@angular/common';
+import { Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+
+interface SliderValue {
+    start: number;
+    end: number;
+}
+type SliderVariant = 'basic' | 'range';
+
+declare class SliderComponent implements Validator {
+    private readonly defaultAppTheme;
+    /**
+     * The maximum value of the slider.
+     *
+     * @type {number}
+     * @default 100
+     */
+    max: number;
+    /**
+     * The minimum value of the slider.
+     *
+     * @type {number}
+     * @default 0
+     */
+    min: number;
+    /**
+     * A flag indicating whether the slider displays values as percentages.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    percentage: boolean;
+    /**
+     * A flag indicating whether the slider is disabled.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    disabled: boolean;
+    /**
+     * The starting value of the slider.
+     *
+     * @type {number}
+     * @default 0
+     */
+    sliderStart: number;
+    /**
+     * The ending value of the slider.
+     *
+     * @type {number}
+     * @default 100
+     */
+    sliderEnd: number;
+    /**
+     * The label for the slider.
+     *
+     * @type {string}
+     * @default ''
+     */
+    label: string;
+    /**
+     * Show slider inputs.
+     *
+     * @type {boolean}
+     * @default true
+     */
+    showInputs: boolean;
+    /**
+     * Step number.
+     *
+     * @type {number}
+     * @default 1
+     */
+    step: number;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SliderComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Defines the variant slider
+     *
+     * @type {SliderVariant}
+     * @memberof SliderComponent
+     */
+    variant: SliderVariant;
+    /**
+     * Controls whether decimal values are allowed in the input fields.
+     * When true, inputs accept decimal numbers (up to 2 decimal places).
+     * When false, inputs only accept whole numbers.
+     */
+    useDecimal: _angular_core.InputSignal<boolean>;
+    /**
+     * Controls whether numbers are displayed with thousands separators.
+     * When true, displays numbers like "100,000" instead of "100000".
+     * This is independent of useDecimal - you can have thousands separators
+     * without decimals, or decimals without thousands separators.
+     */
+    useThousandsSeparator: _angular_core.InputSignal<boolean>;
+    minLabel: _angular_core.InputSignal<string | undefined>;
+    maxLabel: _angular_core.InputSignal<string | undefined>;
+    inputWidth: _angular_core.InputSignal<number>;
+    sliderValueChange: EventEmitter<SliderValue>;
+    cdr: ChangeDetectorRef;
+    decimalPipe: DecimalPipe;
+    private control?;
+    constructor(defaultAppTheme: ApplicationTheme);
+    private value;
+    protected translationContext: string;
+    protected touchedControlName: string;
+    onChange: (value: SliderValue) => void;
+    onTouch: () => void;
+    registerOnChange(fn: (value: SliderValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: SliderValue): void;
+    protected onValueChange(ev?: number): void;
+    protected onInputBlur(inputName: string): void;
+    protected onInputFocus(): void;
+    private isValueChanged;
+    get hasError(): boolean;
+    get isBasicSlider(): boolean;
+    formatLabel(value: number): string;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "useDecimal": { "alias": "useDecimal"; "required": false; "isSignal": true; }; "useThousandsSeparator": { "alias": "useThousandsSeparator"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; }, { "sliderValueChange": "sliderValueChange"; }, never, never, true, never>;
+}
+
+declare class SliderComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SliderComponentModule, never, [typeof SliderComponent], [typeof SliderComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SliderComponentModule>;
+}
+
+export { SliderComponent, SliderComponentModule };
+export type { SliderValue, SliderVariant };