@testgorilla/tgo-ui 7.13.2 → 8.1.0

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-navigation/index.d.ts

@@ -1,5 +1,112 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/side-navigation" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, TemplateRef } from '@angular/core';
+import * as i6 from '@testgorilla/tgo-ui/components/avatar';
+import { AvatarSize } from '@testgorilla/tgo-ui/components/avatar';
+import * as i4 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i8 from '@testgorilla/tgo-ui/components/logo';
+import { LogoTypeEnum } from '@testgorilla/tgo-ui/components/logo';
+import * as i9 from '@testgorilla/tgo-ui/components/overflow-menu';
+import { OverflowMenuButtonsType, MenuConfig } from '@testgorilla/tgo-ui/components/overflow-menu';
+import * as i5 from '@testgorilla/tgo-ui/components/button';
+import { ButtonColor, ButtonBadgeConfig } from '@testgorilla/tgo-ui/components/button';
+import * as i7 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@angular/cdk/a11y';
+import * as i3 from '@angular/common';
+
+interface NavigationCta {
+    label: string;
+    variant: ButtonColor;
+    icon: IconName;
+}
+interface NavigationItem {
+    id: string;
+    icon: IconName;
+    text: string;
+    url: string;
+    badgeOptions?: ButtonBadgeConfig;
+}
+interface NavigationAccount {
+    name: string;
+    email: string;
+    menu: OverflowMenuButtonsType[];
+}
+
+declare const COLLAPSE_ANIMATION_MS = 100;
+declare class SideNavigationComponent implements OnInit, OnDestroy {
+    protected readonly avatarSize: typeof AvatarSize;
+    protected readonly logoType: typeof LogoTypeEnum;
+    protected readonly drawerControlsId = "side-navigation-drawer";
+    protected readonly translationKey: {
+        readonly COLLAPSE: "SIDE_NAVIGATION.COLLAPSE_LABEL";
+        readonly EXPAND: "SIDE_NAVIGATION.EXPAND_LABEL";
+        readonly MOBILE_OPEN: "SIDE_NAVIGATION.MOBILE_OPEN_LABEL";
+        readonly MOBILE_CLOSE: "SIDE_NAVIGATION.MOBILE_CLOSE_LABEL";
+        readonly NAV: "SIDE_NAVIGATION.NAV_ARIA_LABEL";
+        readonly ANNOUNCE_COLLAPSED: "SIDE_NAVIGATION.ANNOUNCE_COLLAPSED";
+        readonly ANNOUNCE_EXPANDED: "SIDE_NAVIGATION.ANNOUNCE_EXPANDED";
+    };
+    private breakpointObserver;
+    private liveAnnouncer;
+    private destroyRef;
+    private uiTranslate;
+    activeRoute: _angular_core.InputSignal<string>;
+    mainCta: _angular_core.InputSignal<NavigationCta | undefined>;
+    mainNavigation: _angular_core.InputSignal<NavigationItem[]>;
+    secondaryNavigation: _angular_core.InputSignal<NavigationItem[] | undefined>;
+    contentTemplateExtendedRef: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    contentTemplateCollapsedRef: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    account: _angular_core.InputSignal<NavigationAccount | undefined>;
+    appContentTemplateRef: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    applicationTheme: _angular_core.InputSignal<ApplicationTheme>;
+    /** Optional override; falls back to `SIDE_NAVIGATION.COLLAPSE_LABEL` translation. */
+    collapseToggleLabel: _angular_core.InputSignal<string | undefined>;
+    /** Optional override; falls back to `SIDE_NAVIGATION.EXPAND_LABEL` translation. */
+    expandToggleLabel: _angular_core.InputSignal<string | undefined>;
+    /** Optional override; falls back to `SIDE_NAVIGATION.MOBILE_OPEN_LABEL` translation. */
+    mobileMenuLabel: _angular_core.InputSignal<string | undefined>;
+    /** Optional override; falls back to `SIDE_NAVIGATION.MOBILE_CLOSE_LABEL` translation. */
+    mobileCloseLabel: _angular_core.InputSignal<string | undefined>;
+    /** Optional override; falls back to `SIDE_NAVIGATION.NAV_ARIA_LABEL` translation. */
+    navAriaLabel: _angular_core.InputSignal<string | undefined>;
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    mainCtaClicked: _angular_core.OutputEmitterRef<void>;
+    navigate: _angular_core.OutputEmitterRef<string>;
+    accountMenuSelected: _angular_core.OutputEmitterRef<string>;
+    logoClicked: _angular_core.OutputEmitterRef<void>;
+    isExpandingOrCollapsing: _angular_core.WritableSignal<boolean>;
+    isMobileOrTablet: _angular_core.WritableSignal<boolean>;
+    protected readonly trapFocus: _angular_core.Signal<boolean>;
+    private collapseTimer;
+    activeRoutesMap: _angular_core.Signal<Map<string, boolean>>;
+    overflowMenuConfig: _angular_core.Signal<MenuConfig>;
+    protected readonly toggleAriaLabelOverride: _angular_core.Signal<string | undefined>;
+    protected readonly toggleAriaKey: _angular_core.Signal<"SIDE_NAVIGATION.COLLAPSE_LABEL" | "SIDE_NAVIGATION.EXPAND_LABEL">;
+    protected readonly mobileToggleAriaLabelOverride: _angular_core.Signal<string | undefined>;
+    protected readonly mobileToggleAriaKey: _angular_core.Signal<"SIDE_NAVIGATION.MOBILE_OPEN_LABEL" | "SIDE_NAVIGATION.MOBILE_CLOSE_LABEL">;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleCollapsed({ announce }?: {
+        announce?: boolean;
+    }): void;
+    onNavigateClick(id: string): void;
+    onSelectMenuItem($event: string): void;
+    onEscapeKey(): void;
+    private autoCloseDrawer;
+    private observeViewportBreakpoint;
+    private announceCollapseState;
+    private clearCollapseTimer;
+    private prefersReducedMotion;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavigationComponent, "ui-side-navigation", never, { "activeRoute": { "alias": "activeRoute"; "required": false; "isSignal": true; }; "mainCta": { "alias": "mainCta"; "required": false; "isSignal": true; }; "mainNavigation": { "alias": "mainNavigation"; "required": true; "isSignal": true; }; "secondaryNavigation": { "alias": "secondaryNavigation"; "required": false; "isSignal": true; }; "contentTemplateExtendedRef": { "alias": "contentTemplateExtendedRef"; "required": false; "isSignal": true; }; "contentTemplateCollapsedRef": { "alias": "contentTemplateCollapsedRef"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "appContentTemplateRef": { "alias": "appContentTemplateRef"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "collapseToggleLabel": { "alias": "collapseToggleLabel"; "required": false; "isSignal": true; }; "expandToggleLabel": { "alias": "expandToggleLabel"; "required": false; "isSignal": true; }; "mobileMenuLabel": { "alias": "mobileMenuLabel"; "required": false; "isSignal": true; }; "mobileCloseLabel": { "alias": "mobileCloseLabel"; "required": false; "isSignal": true; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "mainCtaClicked": "mainCtaClicked"; "navigate": "navigate"; "accountMenuSelected": "accountMenuSelected"; "logoClicked": "logoClicked"; }, never, never, false, never>;
+}
+
+declare class SideNavigationComponentModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideNavigationComponentModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SideNavigationComponentModule, [typeof SideNavigationComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.UiTranslatePipe, typeof i5.ButtonComponentModule, typeof i6.AvatarComponentModule, typeof i7.IconComponentModule, typeof i8.LogoComponentModule, typeof i9.OverflowMenuComponentModule], [typeof SideNavigationComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SideNavigationComponentModule>;
+}
+
+export { COLLAPSE_ANIMATION_MS, SideNavigationComponent, SideNavigationComponentModule };
+export type { NavigationAccount, NavigationCta, NavigationItem };

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 };