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

package/components/multi-input/multi-input.component.d.ts

@@ -0,0 +1,171 @@
+import { EventEmitter, OnInit, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormBuilder, FormControl, NgControl, ValidatorFn } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { MultiInputValue } from './multi-input.model';
+import * as i0 from "@angular/core";
+export declare class MultiInputComponent implements ControlValueAccessor, OnInit {
+    protected ngControl: NgControl;
+    private readonly defaultAppTheme;
+    private readonly fb;
+    /**
+     *
+     * @description List of items to be displayed in the dropdown list
+     * @type {Record<string, string | null | number>[]}
+     * @memberof MultiInputComponent
+     */
+    itemsList: Record<string, string | null | number>[];
+    /**
+     *
+     * @description The field to be displayed in the dropdown
+     * @type {string}
+     * @memberof MultiInputComponent
+     */
+    itemTextField: string;
+    /**
+     *
+     * @description The value to be displayed in the droddown
+     * @type {string}
+     * @memberof MultiInputComponent
+     */
+    itemValueField: string;
+    /**
+     *
+     * @description The Value of the multi input
+     * @type {MultiInputValue}
+     * @memberof MultiInputComponent
+     */
+    set value(v: MultiInputValue);
+    /**
+     *
+     * @description Disables the multi input
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    disabled: boolean;
+    /**
+     *
+     * @description Defines if the multi input is required
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    required: boolean;
+    /**
+     *
+     * @description Defines the label of the multi input
+     * @type {string}
+     * @memberof MultiInputComponent
+     */
+    label: string;
+    /**
+     *
+     * @description Defines the placeholder of the multi input
+     * @type {string}
+     * @memberof MultiInputComponent
+     */
+    placeholder: string;
+    /**
+     *
+     * @description Allow decimal values in the multi input
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    allowDecimal: boolean;
+    /**
+     *
+     * @description Allow negative values in the multi input
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    allowNegative: boolean;
+    /**
+     *
+     * @description The theme of the application
+     * @type {ApplicationTheme}
+     * @memberof MultiInputComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * @description The errors of the multi input
+     * @type {string[]}
+     * @memberof MultiInputComponent
+     */
+    errors: string[];
+    /**
+     *
+     * @description Hide built in errors for Reactive Forms
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     *
+     * @description Hide label in errors
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     *
+     * @description The maximum characters allowed in the multi input
+     * @type {number}
+     * @memberof MultiInputComponent
+     */
+    maxCharacters: number;
+    /**
+     *
+     * @description The validators to apply to input field
+     * @type {Validators[]}
+     * @memberof MultiInputComponent
+     */
+    validators: ValidatorFn[];
+    /**
+     *
+     * @description The width of the multi input
+     * @type {boolean}
+     * @memberof MultiInputComponent
+     */
+    fullWidth: boolean;
+    valueChange: EventEmitter<MultiInputValue>;
+    class: string;
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    private _value;
+    protected showError: boolean;
+    protected readonly multiInputForm: import("@angular/forms").FormGroup<{
+        [x: string]: FormControl<unknown>;
+    }>;
+    constructor(ngControl: NgControl, defaultAppTheme: ApplicationTheme, fb: FormBuilder);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: MultiInputValue): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    protected valueChanged(value: MultiInputValue): void;
+    get value(): MultiInputValue | undefined;
+    protected get hasRequiredValidator(): boolean;
+    protected get dropdownControl(): AbstractControl<string | null> | null;
+    protected get inputControl(): AbstractControl<number | null> | null;
+    protected checkFormErrors(): void;
+    protected markAsTouched(): void;
+    protected addDropdownControl(): void;
+    protected get controlHasError(): boolean;
+    protected getValueLength(): number;
+    private addValidation;
+    private updateDisableState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui-multi-input", never, { "itemsList": { "alias": "itemsList"; "required": true; }; "itemTextField": { "alias": "itemTextField"; "required": true; }; "itemValueField": { "alias": "itemValueField"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_allowDecimal: unknown;
+    static ngAcceptInputType_allowNegative: unknown;
+    static ngAcceptInputType_hideBuiltInErrors: unknown;
+    static ngAcceptInputType_hideLabelInErrors: unknown;
+}

package/components/multi-input/multi-input.component.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multi-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/material/select";
+import * as i5 from "../divider/divider.component.module";
+import * as i6 from "../icon/icon.component.module";
+import * as i7 from "../dropdown/dropdown.component.module";
+import * as i8 from "@angular/forms";
+import * as i9 from "../../directives/digits-only.directive";
+import * as i10 from "../../pipes/has-validation-error.pipe";
+import * as i11 from "../validation-error/validation-error.module";
+import * as i12 from "../field/field.component.module";
+export declare class MultiInputComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiInputComponentModule, [typeof i1.MultiInputComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.MatSelectModule, typeof i5.DividerComponentModule, typeof i6.IconComponentModule, typeof i7.DropdownComponentModule, typeof i8.ReactiveFormsModule, typeof i9.DigitsOnlyDirective, typeof i10.HasValidationErrorPipe, typeof i11.ValidationErrorModule, typeof i12.FieldComponentModule], [typeof i1.MultiInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MultiInputComponentModule>;
+}

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

@@ -0,0 +1,26 @@
+import { EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
+import { IRoute, MenuItem } from "../navbar.model";
+import { AvatarSize } from "../../avatar/avatar.model";
+import { ApplicationTheme } from "../../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class MobileNavbarSideSheetComponent {
+    routes: IRoute[];
+    activedRoute: InputSignal<string>;
+    email: string;
+    userName: string;
+    menuItems: MenuItem[];
+    contentTemplateRef: TemplateRef<any>;
+    isDesktop: boolean;
+    applicationTheme: ApplicationTheme;
+    navigateEvent: EventEmitter<string>;
+    menuItemClicked: EventEmitter<string>;
+    logoutEvent: EventEmitter<void>;
+    protected readonly translationContext = "NAVBAR.";
+    protected avatarSize: typeof AvatarSize;
+    activeRoutesMap: Signal<Map<string, boolean>>;
+    navigate(routeId: string): void;
+    logout(): void;
+    clickMenuItem(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MobileNavbarSideSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileNavbarSideSheetComponent, "ui-mobile-navbar-side-sheet", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "isDesktop": { "alias": "isDesktop"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, true, never>;
+}

package/components/navbar/navbar.component.d.ts

@@ -0,0 +1,120 @@
+import { DestroyRef, EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
+import { IRoute, MenuItem, MenuState, ScreenSize } from './navbar.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { SideSheetService } from '../side-sheet/side-sheet.service';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { LogoTypeEnum } from '../logo/logo.model';
+import { AvatarSize } from '../avatar/avatar.model';
+import * as i0 from "@angular/core";
+export declare class NavbarComponent {
+    private readonly breakpointObserver;
+    private readonly defaultAppTheme;
+    private sideSheetService;
+    private destroyRef;
+    /**
+     * Routes object
+     *
+     * @type {IRoute}
+     * @memberof NavbarComponent
+     * @ignore
+     */
+    routes: IRoute[];
+    /**
+     * Actived route id
+     *
+     * @type {InputSignal<string>}
+     * @memberof NavbarComponent
+     */
+    activedRoute: InputSignal<string>;
+    /**
+     * User first name and last name
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    userName: string;
+    /**
+     * User email
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    email: string;
+    /**
+     * Menu items to show in menu above the Log out button
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    menuItems: MenuItem[];
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof NavbarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * It's ng-content for mobile version
+     *
+     * @type {ApplicationTheme}
+     * @memberof NavbarComponent
+     */
+    contentTemplateRef: TemplateRef<any>;
+    /**
+     * Mobile breakpoint
+     * @type {number}
+     * @memberof NavbarComponent
+     */
+    set mobileBreakpoint(value: number);
+    /**
+     *
+     * Show avatar with user initials
+     *
+     * @type {boolean}
+     * @memberof NavbarComponent
+     */
+    isAvatar: boolean;
+    /**
+     * Sets class for the menu
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    menuClass: string;
+    /**
+     * @ignore
+     */
+    navigateEvent: EventEmitter<string>;
+    /**
+     * @ignore
+     */
+    menuItemClicked: EventEmitter<string>;
+    /**
+     * @ignore
+     */
+    logoutEvent: EventEmitter<void>;
+    menuState: EventEmitter<MenuState>;
+    protected screenSize: ScreenSize;
+    protected readonly translationContext = "NAVBAR.";
+    private readonly _mobileBreakpoint$;
+    private readonly _tabletBreakpoint$;
+    private readonly mobileBreakpointObs$;
+    private readonly tabletBreakpointObs$;
+    protected readonly isMobile$: import("rxjs").Observable<boolean>;
+    protected readonly isTablet$: import("rxjs").Observable<boolean>;
+    protected isOpened: boolean;
+    protected logoType: typeof LogoTypeEnum;
+    activeRoutesMap: Signal<Map<string, boolean>>;
+    constructor(breakpointObserver: BreakpointObserver, defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
+    openMobileMenu(): void;
+    navigate(routeId: string): void;
+    logout(): void;
+    clickMenuItem(id: string): void;
+    onChangeMenuState(isOpened: boolean, screenSize: ScreenSize): void;
+    protected readonly AvatarSize: typeof AvatarSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], false, never>;
+}

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

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./navbar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/core";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "../logo/logo.component.module";
+import * as i9 from "../icon/icon.component.module";
+import * as i10 from "../../pipes/ui-translate.pipe";
+import * as i11 from "../avatar/avatar.component.module";
+import * as i12 from "../side-sheet/side-sheet.component.module";
+import * as i13 from "../button/button.component.module";
+import * as i14 from "./mobile-navbar-side-sheet/mobile-navbar-side-sheet.component";
+import * as i15 from "../badge/badge.component.module";
+export declare class NavbarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.UiTranslatePipe, typeof i11.AvatarComponentModule, typeof i12.SideSheetComponentModule, typeof i13.ButtonComponentModule, typeof i14.MobileNavbarSideSheetComponent, typeof i15.BadgeComponentModule], [typeof i1.NavbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
+}

package/components/navbar/navbar.model.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from '../icon/icon.model';
+import { RebrandBadgeColor } from "../badge/badge.model";
+export interface IRoute {
+    id: string;
+    title: string;
+    badgeOptions?: RouteBadge;
+}
+export interface RouteBadge {
+    color: RebrandBadgeColor;
+    text: string;
+}
+export interface MenuItem {
+    id: string;
+    icon: IconName;
+    text: string;
+}
+export interface MenuState {
+    screenSize: ScreenSize;
+    isOpened: boolean;
+}
+export type ScreenSize = 'mobile' | 'tablet' | 'desktop';

package/components/overflow-menu/overflow-menu.component.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter, NgZone, OnInit, QueryList } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import { OverflowMenuButtonModify, OverflowMenuButtonsType } from './overflow-menu.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import { MatMenu, MatMenuTrigger } from "@angular/material/menu";
+import { FocusMonitor } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+export declare class OverflowMenuComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private focusMonitor;
+    private ngZone;
+    /**
+     * Menu buttons
+     *
+     * @type {OverflowMenuButtonsType[]}
+     * @memberof OverflowMenuComponent
+     */
+    buttons: OverflowMenuButtonsType[];
+    /**
+     * Menu icon trigger
+     *
+     * @memberof OverflowMenuComponent
+     */
+    iconTrigger: IconName;
+    /**
+     * Label menu
+     *
+     * @memberof OverflowMenuComponent
+     */
+    menuLabel: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof OverflowMenuComponent
+     */
+    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 OverflowMenuComponent
+     */
+    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 OverflowMenuComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input for description.
+     * @type {text}
+     * @memberof OverflowMenuComponent
+     */
+    describedby: string;
+    selectItem: EventEmitter<string>;
+    menuOpened: EventEmitter<void>;
+    menuClosed: EventEmitter<void>;
+    matmenus: QueryList<MatMenu>;
+    matTrigger: QueryList<MatMenuTrigger>;
+    buttonElement: any;
+    menuItems: string[];
+    submenus: Array<OverflowMenuButtonModify[]>;
+    isMenuRendered: import("@angular/core").WritableSignal<boolean>;
+    isMenuOpened: import("@angular/core").WritableSignal<boolean>;
+    isFocused: import("@angular/core").WritableSignal<boolean>;
+    constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onSelectItem(event: Event, value: string): void;
+    onMenuOpened(): void;
+    onMenuClosed(): void;
+    onButtonFocus(button: OverflowMenuButtonModify): void;
+    onButtonBlur(button: OverflowMenuButtonModify): void;
+    onButtonClick(button: OverflowMenuButtonModify, $event: Event): void;
+    getMenu(index: any): MatMenu | null;
+    private reindex;
+    private createSubmenus;
+    onSubmenuOpened(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "describedby": { "alias": "describedby"; "required": false; }; }, { "selectItem": "selectItem"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[menu-content]"], false, never>;
+}

package/components/overflow-menu/overflow-menu.component.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./overflow-menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component.module";
+import * as i4 from "../icon/icon.component.module";
+import * as i5 from "@angular/material/menu";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "../../directives/ellipse-text.directive";
+import * as i9 from "../../pipes/ui-translate.pipe";
+export declare class OverflowMenuComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OverflowMenuComponentModule, [typeof i1.OverflowMenuComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatTooltipModule, typeof i8.EllipseTextDirective, typeof i9.UiTranslatePipe], [typeof i1.OverflowMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OverflowMenuComponentModule>;
+}

package/components/overflow-menu/overflow-menu.model.d.ts

@@ -0,0 +1,20 @@
+import { IconName } from '../icon/icon.model';
+import { TemplateRef } from '@angular/core';
+export type OverflowMenuButtonsType = {
+    icon: IconName;
+    label: string;
+    isDestructive?: boolean;
+    value: string;
+    disabled?: boolean;
+    btnTemplate?: TemplateRef<any>;
+    subMenu?: OverflowMenuButtonsType[] | number;
+    action?: number | string;
+    describedby?: string;
+    ariaLabel?: string;
+};
+type ButtonOptions = {
+    isTextEllipsed?: boolean;
+    isFocused?: boolean;
+};
+export type OverflowMenuButtonModify = OverflowMenuButtonsType & ButtonOptions;
+export {};

package/components/page-header/page-header.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class PageHeaderComponent {
+    private readonly defaultAppTheme;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Flag to determine whether the "Back" button should be displayed.
+     * @default true
+     * @memberof PageHeaderComponent
+     */
+    showBackButton: boolean;
+    /**
+     * Back button tooltip for mobile variation
+     * @property tooltip
+     * @memberof PageHeaderComponent
+     */
+    tooltip: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof PageHeaderComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Event triggered when the "Back" button is clicked.
+     * @memberof PageHeaderComponent
+     */
+    back: EventEmitter<void>;
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    protected onBack(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], false, never>;
+    static ngAcceptInputType_showBackButton: unknown;
+}

package/components/page-header/page-header.component.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./page-header.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component.module";
+import * as i4 from "../../pipes/ui-translate.pipe";
+export declare class PageHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof i1.PageHeaderComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe], [typeof i1.PageHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PageHeaderModule>;
+}

package/components/paginator/paginator.component.d.ts

@@ -0,0 +1,58 @@
+import { EventEmitter } from '@angular/core';
+import { MatPaginatorSelectConfig, PageEvent } from '@angular/material/paginator';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class PaginatorComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Paginator size options
+     *
+     * @type {number[]}
+     * @memberof PaginatorComponent
+     */
+    pageSizeOptions: number[];
+    /**
+     * Data length
+     *
+     * @type {number}
+     * @memberof PaginatorComponent
+     */
+    length: number;
+    /**
+     * Page size
+     *
+     * @type {number}
+     * @memberof PaginatorComponent
+     */
+    pageSize: number;
+    /**
+     * Disabled
+     *
+     * @type {boolean}
+     * @memberOf PaginatorComponent
+     */
+    disabled: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof PaginatorComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Defines the current page
+     * @default 0
+     *
+     * @type {number}
+     * @memberof PaginatorComponent
+     */
+    currentPage: number;
+    paginatorChange: EventEmitter<PageEvent>;
+    selectConfig: MatPaginatorSelectConfig;
+    constructor(defaultAppTheme: ApplicationTheme);
+    onPaginatorChange(paginator: PageEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./paginator.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/paginator";
+export declare class PaginatorComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginatorComponentModule, [typeof i1.PaginatorComponent], [typeof i2.CommonModule, typeof i3.MatPaginatorModule], [typeof i1.PaginatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PaginatorComponentModule>;
+}