@testgorilla/tgo-ui 2.31.1 → 2.31.3-beta.0

package/components/radio-button/radio-button.component.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio-button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/radio";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/input";
+import * as i6 from "../../directives/ellipse-text.directive";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "@angular/material/checkbox";
+import * as i9 from "../checkbox/focus-visible.directive";
+export declare class RadioButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonComponentModule, [typeof i1.RadioButtonComponent], [typeof i2.CommonModule, typeof i3.MatRadioModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.EllipseTextDirective, typeof i7.MatTooltipModule, typeof i8.MatCheckboxModule, typeof i9.FocusVisibleDirective], [typeof i1.RadioButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioButtonComponentModule>;
+}

package/components/radio-button/radio-button.model.d.ts

@@ -0,0 +1,4 @@
+export type RadioButtonEventType = {
+    optionName: string;
+    optionChecked: boolean;
+};

package/components/rating/half-star.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HalfStarPipe implements PipeTransform {
+    /**
+     * @description Used to indicate whether display half-star icon.
+     * Returns true if the rounded value of the current element
+     * is equal to it's index, and value is not integer (e.g. index = 4, value = 3.5),
+     * @param index the index of the current element
+     * @param value the value of the current element
+     */
+    transform(index: number, value: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HalfStarPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HalfStarPipe, "halfStar", false>;
+}

package/components/rating/rating.component.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export type RatingComponentTheme = 'stars' | 'block';
+export declare class RatingComponent {
+    private readonly defaultAppTheme;
+    private readonly MIN_LENGTH;
+    private readonly DEFAULT_LENGTH;
+    protected items: number[];
+    protected hoverIndex: number;
+    /**
+     *
+     * Defines the application theme where accordion is used
+     *
+     * @type {ApplicationTheme}
+     * @memberof AccordionComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The value representing the rating.
+     * @type {number}
+     * @memberof RatingComponent
+     */
+    value: number;
+    /**
+     * The theme of the rating component. Defaults "block".
+     * @type {RatingComponentTheme}
+     * @memberof RatingComponent
+     */
+    theme: RatingComponentTheme;
+    /**
+     * A flag indicating whether the rating component is disabled.
+     * @type {boolean}
+     * @memberof RatingComponent
+     */
+    disabled: boolean;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof RatingComponent
+     */
+    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 RatingComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * The width of the rating bar.
+     * @type {number}
+     * @memberof RatingComponent
+     */
+    barWidth: number;
+    set length(length: number);
+    valueChange: EventEmitter<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected select(index: number): void;
+    protected onHover(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/components/rating/rating.component.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rating.component";
+import * as i2 from "./half-star.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/input";
+export declare class RatingComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent, typeof i2.HalfStarPipe], [typeof i3.CommonModule, typeof i4.MatInputModule], [typeof i1.RatingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RatingComponentModule>;
+}

package/components/scale/scale.component.d.ts

@@ -0,0 +1,53 @@
+import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class ScaleComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    private readonly MIN_LENGTH;
+    private readonly DEFAULT_LENGTH;
+    protected items: number[];
+    scaleItems: QueryList<ElementRef>;
+    /**
+     * The value representing the selected item of the scale.
+     * @type {number}
+     * @memberof ScaleComponent
+     */
+    selectedIndex: number | null;
+    /**
+     * The max number of items in the scale.
+     * @type {number}
+     * @memberof ScaleComponent
+     */
+    set length(length: number);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ScaleComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof ScaleComponent
+     */
+    companyColor: string;
+    selectedIndexChange: EventEmitter<number>;
+    styles: import("@angular/core").WritableSignal<{
+        '--hover-color': string;
+        '--selected-color': string;
+    }>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected select(index: number): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    focusItem(index: number): void;
+    getAriaLabel(index: number): string;
+    private setCompanyColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, false, never>;
+}

package/components/scale/scale.component.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scale.component";
+import * as i2 from "@angular/common";
+export declare class ScaleComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScaleComponentModule, [typeof i1.ScaleComponent], [typeof i2.CommonModule], [typeof i1.ScaleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScaleComponentModule>;
+}

package/components/segmented-bar/segmented-bar.component.d.ts

@@ -0,0 +1,63 @@
+import { SegmentedBar, SegmentedBarVariant, SegmentedBarWithPercentage } from './segmented-bar.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class SegmentedBarComponent {
+    private readonly defaultAppTheme;
+    /**
+     * The width of the segmented bar. Defaults to '100%'.
+     * You can use '100%' or '100px' for this field. 100 is just an example
+     * @default '100%'
+     * @type {string}
+     * @memberof SegmentedBarComponent
+     */
+    width: string;
+    /**
+     * The size variant of the segmented bar. Can be 'small' or 'large'.
+     * Defaults to 'large'.
+     * @default 'large'
+     * @type {SegmentedBarVariant}
+     * @memberof SegmentedBarComponent
+     */
+    size: SegmentedBarVariant;
+    /**
+     * The segments to be displayed in the segmented bar.
+     * @required true
+     * @type {SegmentedBar}
+     * @memberof SegmentedBarComponent
+     */
+    set segments(segments: SegmentedBar[]);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SegmentedBarComponent
+     */
+    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 SegmentedBarComponent
+     */
+    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 SegmentedBarComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Groups the tooltips into one template
+     *
+     * @type {boolean}
+     * @memberof SegmentedBarComponent
+     */
+    tooltipStats: boolean;
+    segmentList: SegmentedBarWithPercentage[];
+    constructor(defaultAppTheme: ApplicationTheme);
+    calculatePercentages(segments: SegmentedBar[]): SegmentedBarWithPercentage[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "tooltipStats": { "alias": "tooltipStats"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/segmented-bar/segmented-bar.component.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./segmented-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/input";
+import * as i5 from "../icon/icon.component.module";
+import * as i6 from "../tooltip/tooltip.component.module";
+import * as i7 from "../tooltip/tooltip-template.directive";
+export declare class SegmentedBarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.TooltipComponentModule, typeof i7.TooltipTemplateDirective], [typeof i1.SegmentedBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
+}

package/components/segmented-bar/segmented-bar.model.d.ts

@@ -0,0 +1,12 @@
+import { IconName } from "../icon/icon.model";
+export type SegmentedBarVariant = 'large' | 'small';
+export type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
+export interface SegmentedBar {
+    value: number;
+    color: SegmentedBarColor;
+    tooltip?: string;
+    icon?: IconName;
+}
+export type SegmentedBarWithPercentage = SegmentedBar & {
+    percentage: string;
+};

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

@@ -0,0 +1,55 @@
+import { EventEmitter } from '@angular/core';
+import { SegmentedButton } from './segmented-button.model';
+import { ControlValueAccessor } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/components/segmented-button/segmented-button.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./segmented-button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button-toggle";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/tooltip";
+export declare class SegmentedButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedButtonComponentModule, [typeof i1.SegmentedButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonToggleModule, typeof i4.FormsModule, typeof i5.MatTooltipModule], [typeof i1.SegmentedButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
+}

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

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+export interface SegmentedButton {
+    value: string;
+    label?: string;
+    template?: TemplateRef<any>;
+    disabled?: boolean;
+    tooltip?: string;
+}

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

@@ -0,0 +1,3 @@
+export declare const sidePanelAnimationDuration = 150;
+export declare const sidePanelAnimation: import("@angular/animations").AnimationTriggerMetadata[];
+export declare const backdropAnimation: import("@angular/animations").AnimationTriggerMetadata[];

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

@@ -0,0 +1,21 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import { SidePanelAnimationState, SidePanelPosition } from './side-panel.model';
+import * as i0 from "@angular/core";
+export declare class SidePanelComponent {
+    title: string;
+    showBackButton: boolean;
+    sidePanelPosition: import("@angular/core").WritableSignal<SidePanelPosition>;
+    sidePanelContainer: import("@angular/core").Signal<ViewContainerRef>;
+    sidePanel: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    backdrop: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    language: import("@testgorilla/tgo-ui").Language;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    animation: import("@angular/core").Signal<SidePanelAnimationState.Open | SidePanelAnimationState.ClosedRight | SidePanelAnimationState.ClosedLeft>;
+    private sidePanelService;
+    private sidePanelConfig;
+    constructor();
+    open(): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidePanelComponent, "ui-side-panel", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,15 @@
+import { InjectionToken } from "@angular/core";
+export type SidePanelPosition = 'left' | 'right';
+export declare enum SidePanelAnimationState {
+    Open = "open",
+    Closed = "closed",
+    ClosedRight = "closedRight",
+    ClosedLeft = "closedLeft"
+}
+export declare class SidePanelConfig {
+    title: string;
+    position: SidePanelPosition;
+    showBackButton: boolean;
+}
+export declare const defaultSidePanelConfig: SidePanelConfig;
+export declare const SIDE_PANEL_CONFIG: InjectionToken<SidePanelConfig>;

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

@@ -0,0 +1,20 @@
+import { Provider, TemplateRef, Type } from '@angular/core';
+import { SidePanelConfig } from './side-panel.model';
+import * as i0 from "@angular/core";
+export declare class SidePanelService {
+    private SidePanelComponentRef?;
+    private contentComponentRef?;
+    private embeddedViewRef?;
+    private defaultSidePanelConfig;
+    private injector;
+    private appRef;
+    constructor();
+    open(content: Type<any> | TemplateRef<any>, config: Partial<SidePanelConfig>, providers?: Provider[]): void;
+    destroyComponent(): void;
+    private createSidePanelInjector;
+    private createSidePanelComponent;
+    private loadComponent;
+    private loadTemplate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidePanelService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SidePanelService>;
+}

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

@@ -0,0 +1,43 @@
+import { DestroyRef, EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { SideSheetService } from './side-sheet.service';
+import { SideSheetConfig, SideSheetPosition } from './side-sheet.model';
+import { MatDrawer } from '@angular/material/sidenav';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export 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(_: KeyboardEvent): void;
+    protected title: string;
+    protected showBackButton: boolean;
+    protected showTitleTooltip: boolean;
+    protected showLogo: boolean;
+    protected componentRef$: import("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>;
+}

package/components/side-sheet/side-sheet.component.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./side-sheet.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "../button/button.component.module";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/sidenav";
+import * as i7 from "../../pipes/ui-translate.pipe";
+import * as i8 from "../logo/logo.component.module";
+export declare class SideSheetComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SideSheetComponentModule, [typeof i1.SideSheetComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ButtonComponentModule, typeof i5.MatTooltipModule, typeof i6.MatSidenavModule, typeof i7.UiTranslatePipe, typeof i8.LogoComponentModule], [typeof i1.SideSheetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SideSheetComponentModule>;
+}

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

@@ -0,0 +1,10 @@
+import { Observable } from 'rxjs';
+export interface SideSheetConfig {
+    componentRef: any;
+    title?: string;
+    showLogo?: boolean;
+    showBackButton?: boolean;
+    showTitleTooltip?: boolean;
+    closed?: Observable<void>;
+}
+export type SideSheetPosition = 'start' | 'end';

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

@@ -0,0 +1,14 @@
+import { ApplicationRef } from '@angular/core';
+import { SideSheetConfig } from './side-sheet.model';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/components/skeleton/skeleton.component.d.ts

@@ -0,0 +1,26 @@
+import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import { BehaviorSubject } from 'rxjs';
+import { Appearance } from './skeleton.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class SkeletonComponent {
+    private readonly defaultAppTheme;
+    count: number | string;
+    set theme(value: NgxSkeletonLoaderConfigTheme);
+    set appearance(value: Appearance);
+    /**
+     *
+     * 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">;
+    protected readonly currentTheme$: import("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; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/skeleton/skeleton.model.d.ts

@@ -0,0 +1,2 @@
+import { NgxSkeletonLoaderConfig } from 'ngx-skeleton-loader';
+export type Appearance = NgxSkeletonLoaderConfig['appearance'];

package/components/slider/slider.component.d.ts

@@ -0,0 +1,116 @@
+import { DecimalPipe } from '@angular/common';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { SliderValue, SliderVariant } from './slider.model';
+import * as i0 from "@angular/core";
+export 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;
+    useDecimal: import("@angular/core").InputSignal<boolean>;
+    minLabel: import("@angular/core").InputSignal<string | undefined>;
+    maxLabel: import("@angular/core").InputSignal<string | undefined>;
+    inputWidth: import("@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: i0.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵ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; }; "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>;
+}