@testgorilla/tgo-ui 2.10.1 → 2.10.3

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

@@ -0,0 +1,116 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { MatRadioButton } from '@angular/material/radio';
+import { RadioButtonEventType } from './radio-button.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class RadioButtonComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    /**
+     * Determines whether the radio button is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the radio button is checked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    _selected: boolean;
+    get selected(): boolean;
+    set selected(selected: boolean);
+    /**
+     * Determines whether the radio button can be unchecked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    allowUnselect: boolean;
+    /**
+     * Determines the radio button color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    companyColor: string;
+    /**
+     * Used to group radios for unique selection.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    name: string;
+    /**
+     * Text content will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    label: string;
+    /**
+     * Determines whether the radio button is a multiple choice cell.
+     * Default: false
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    multiple: boolean;
+    /**
+     * Determines value of the radio button.
+     * Default: false
+     *
+     * @type {any}
+     * @memberof RadioButtonComponent
+     */
+    value: any;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof RadioButtonComponent
+     */
+    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 RadioButtonComponent
+     */
+    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 RadioButtonComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Defines if checkbox has error
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    hasError: boolean;
+    /**
+     * Event emitted when the checked state of the radio button changes.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    changeRadio: EventEmitter<RadioButtonEventType>;
+    classMultiple: string;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    clickRadio(element: MatRadioButton, event: MouseEvent): void;
+    setClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
+}

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

@@ -0,0 +1,11 @@
+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";
+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 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,34 @@
+import { EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class ScaleComponent {
+    private readonly defaultAppTheme;
+    private readonly MIN_LENGTH;
+    private readonly DEFAULT_LENGTH;
+    protected items: number[];
+    /**
+     * The value representing the selected item of the scale.
+     * @type {number}
+     * @memberof ScaleComponent
+     */
+    selectedIndex: number;
+    /**
+     * 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;
+    selectedIndexChange: EventEmitter<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected select(index: number): void;
+    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; }; }, { "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,54 @@
+import { SegmentedBar, SegmentedBarVariant } 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
+     */
+    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;
+    constructor(defaultAppTheme: ApplicationTheme);
+    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; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+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";
+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 i1.SegmentedBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
+}

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

@@ -0,0 +1,7 @@
+export type SegmentedBarVariant = 'large' | 'small';
+export type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
+export interface SegmentedBar {
+    value: number;
+    color: SegmentedBarColor;
+    tooltip?: string;
+}

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import { SegmentedButton } from './segmented-button.model';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class SegmentedButtonComponent implements ControlValueAccessor {
+    /**
+     * Input property to set the buttons for the segmented button.
+     * @type SegmentedButton
+     * @memberof SegmentedButtonComponent
+     */
+    buttonConfig: SegmentedButton[];
+    buttonSelected: EventEmitter<any>;
+    protected _value: any;
+    set value(v: any);
+    get value(): any;
+    onChange: (v: any) => void;
+    onTouch: () => void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+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";
+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 i1.SegmentedButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
+}

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

@@ -0,0 +1,6 @@
+import { TemplateRef } from "@angular/core";
+export interface SegmentedButton {
+    value: string;
+    label?: string;
+    template?: TemplateRef<any>;
+}

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

@@ -0,0 +1,49 @@
+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;
+    /**
+     * The language to be used
+     *
+     * @type {Language}
+     * @memberof SideSheetComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SideSheetComponent
+     */
+    applicationTheme: ApplicationTheme;
+    openChange: EventEmitter<boolean>;
+    drawer: MatDrawer;
+    container: ViewContainerRef;
+    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; }; "language": { "alias": "language"; "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,103 @@
+import { EventEmitter } from '@angular/core';
+import { SliderValue } from './slider.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class SliderComponent {
+    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;
+    /**
+     * The language to be used
+     *
+     * @property language
+     * @type {Language}
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SliderComponent
+     */
+    applicationTheme: ApplicationTheme;
+    sliderValueChange: EventEmitter<SliderValue>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    private value;
+    protected translationContext: string;
+    protected touchedControlName: string;
+    onChange: (_: any) => void;
+    onTouch: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    protected onValueChange(): void;
+    protected onInputBlur(inputName: string): void;
+    protected onInputFocus(): void;
+    private isValueChanged;
+    get hasError(): boolean;
+    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; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "sliderValueChange": "sliderValueChange"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./slider.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/slider";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "../icon/icon.component.module";
+import * as i8 from "../../pipes/ui-translate.pipe";
+export declare class SliderComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderComponentModule, [typeof i1.SliderComponent], [typeof i2.CommonModule, typeof i3.MatSliderModule, typeof i4.FormsModule, typeof i5.MatInputModule, typeof i6.MatTooltipModule, typeof i7.IconComponentModule, typeof i8.UiTranslatePipe], [typeof i1.SliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SliderComponentModule>;
+}

package/components/slider/slider.model.d.ts

@@ -0,0 +1,4 @@
+export interface SliderValue {
+    start: number;
+    end: number;
+}