@updevs/components 1.0.0-alpha.3 → 1.0.0-alpha.30

package/form-controls/select/components/single/select.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { ListItem } from '@updevs/components/list';
+import { BaseSelectComponent } from '../../models/abstractions/base-select.component';
+import { SelectItem } from '../../models/select-item';
+import * as i0 from "@angular/core";
+export declare class SelectComponent extends BaseSelectComponent {
+    /**
+     * If true, it'll use the default style of the OS, no search capabilities.
+     */
+    useSystemStyle: boolean;
+    shouldShowClearButton: boolean;
+    isCompact: boolean;
+    set selected(item: OptionalType<SelectItem>);
+    /**
+     * Triggered when an item is selected.
+     */
+    readonly selectedItem: EventEmitter<OptionalType<SelectItem>>;
+    currentSelection?: SelectItem;
+    constructor();
+    onSelectItem(item: ListItem): void;
+    onSystemSelect(event: any): void;
+    clearSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "upd-select", never, { "useSystemStyle": { "alias": "useSystemStyle"; "required": false; }; "shouldShowClearButton": { "alias": "shouldShowClearButton"; "required": false; }; "isCompact": { "alias": "isCompact"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedItem": "selectedItem"; }, never, never, false, never>;
+}

package/form-controls/select/models/abstractions/base-select.component.d.ts

@@ -0,0 +1,77 @@
+import { ElementRef, OnInit, EventEmitter } from '@angular/core';
+import { BaseSearchStore, ObservableSearchType } from '@updevs/sdk/stores';
+import { HorizontalVerticalType } from '@updevs/components';
+import { ListItem } from '@updevs/components/list';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import { SelectItem } from '../select-item';
+import * as i0 from "@angular/core";
+export declare abstract class BaseSelectComponent extends BaseControl implements OnInit {
+    get wrapperClasses(): "row" | "";
+    readonly dropdownOpenStatusChange: EventEmitter<boolean>;
+    componentBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    searchBox: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    searchBoxChild: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    list: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    /**
+     * Select items.
+     * If provided, the select will be considered static.
+     */
+    items: import("@angular/core").InputSignal<SelectItem[] | undefined>;
+    /**
+     * Store used to load/filter the items.
+     */
+    store: import("@angular/core").InputSignal<BaseSearchStore<any> | undefined>;
+    /**
+     * Observable used to load/filter the items.
+     */
+    observable: import("@angular/core").InputSignal<ObservableSearchType | undefined>;
+    /**
+     * Name of the property in the object that represents the ID/key of the option.
+     * **Note:** used only for remote data.
+     */
+    itemKey: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Name of the property in the object that represents the value/description of the option.
+     * **Note:** used only for remote data.
+     */
+    itemValue: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Maximum height of the dropdown.
+     */
+    dropdownMaxHeight: import("@angular/core").InputSignal<number>;
+    typeaheadDebounce: import("@angular/core").InputSignal<number>;
+    shouldAutoSearch: import("@angular/core").InputSignal<boolean>;
+    shouldCloseOnOutsideClick: import("@angular/core").InputSignal<boolean>;
+    layout: import("@angular/core").InputSignal<HorizontalVerticalType>;
+    layoutClasses: import("@angular/core").Signal<string[]>;
+    isLoading: boolean;
+    localItems: SelectItem[];
+    listItems: ListItem[];
+    dropdownClasses: string;
+    get isDropdownOpen(): boolean;
+    set isDropdownOpen(value: boolean);
+    get labelSizeClasses(): string;
+    protected _currentTerm?: string;
+    protected _localBackupItems: SelectItem[];
+    private hasExternalList;
+    private _isDropdownOpen;
+    private hostWrapperClasses;
+    private readonly searchInputSubject;
+    private readonly renderer;
+    private readonly ngZone;
+    private readonly domEventsService;
+    private readonly positioningService;
+    protected constructor();
+    ngOnInit(): void;
+    openDropdown(): void;
+    search(term?: string): void;
+    protected _setupLocalItems(items: SelectItem[]): void;
+    private searchLocal;
+    private searchRemote;
+    private getListItem;
+    private updatePosition;
+    abstract clearSelection(): void;
+    abstract onSelectItem(item: ListItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectComponent, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "observable": { "alias": "observable"; "required": false; "isSignal": true; }; "itemKey": { "alias": "itemKey"; "required": false; "isSignal": true; }; "itemValue": { "alias": "itemValue"; "required": false; "isSignal": true; }; "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; "isSignal": true; }; "typeaheadDebounce": { "alias": "typeaheadDebounce"; "required": false; "isSignal": true; }; "shouldAutoSearch": { "alias": "shouldAutoSearch"; "required": false; "isSignal": true; }; "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "dropdownOpenStatusChange": "dropdownOpenStatusChange"; }, never, never, false, never>;
+}

package/form-controls/select/models/defaults.d.ts

@@ -0,0 +1,8 @@
+import { HorizontalVerticalType } from '@updevs/components';
+export declare class Defaults {
+    static dropdownMaxHeight: number;
+    static typeaheadDebounce: number;
+    static shouldAutoSearch: boolean;
+    static shouldCloseOnOutsideClick: boolean;
+    static layout: HorizontalVerticalType;
+}

package/form-controls/select/{src/models/public-api.ts → models/public-api.d.ts}

@@ -1 +1,2 @@
+export * from './defaults';
 export * from './select-item';

package/form-controls/select/{src/models/select-item.ts → models/select-item.d.ts}

@@ -1,5 +1,4 @@
 import { ListItem } from '@updevs/components/list';
-
 export interface SelectItem {
     /**
      * Value of the single item if selected.

package/form-controls/select/upd-select.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/single/select.component";
+import * as i2 from "./components/multiple/select-multiple.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@updevs/sdk/layout";
+import * as i5 from "@updevs/components/list";
+import * as i6 from "@updevs/components/form-controls/input";
+import * as i7 from "@updevs/icons";
+import * as i8 from "@updevs/components/button";
+import * as i9 from "@updevs/components/popover";
+import * as i10 from "@jsverse/transloco";
+export declare class UpdSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdSelectModule, [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent], [typeof i3.CommonModule, typeof i4.UpdCoreLayoutModule, typeof i5.UpdListModule, typeof i6.UpdInputModule, typeof i7.UpdIconsModule, typeof i8.UpdButtonModule, typeof i9.UpdPopoverModule, typeof i10.TranslocoModule], [typeof i1.SelectComponent, typeof i2.SelectMultipleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdSelectModule>;
+}

package/form-controls/textarea/textarea.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit, OnChanges } from '@angular/core';
+import { BaseControl } from '@updevs/components/form-controls/abstractions';
+import * as i0 from "@angular/core";
+export declare class TextareaComponent extends BaseControl implements OnInit, OnChanges {
+    hostWrapperClasses: string;
+    value: import("@angular/core").ModelSignal<string | undefined>;
+    customClasses: import("@angular/core").InputSignal<string | undefined>;
+    wrapperClasses: import("@angular/core").InputSignal<string | undefined>;
+    maxLength: import("@angular/core").InputSignal<number | undefined>;
+    rows: import("@angular/core").InputSignal<number | undefined>;
+    displayCharactersCount: import("@angular/core").InputSignal<boolean>;
+    classes: string[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    updateValue(event?: any): void;
+    private updateClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "upd-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "customClasses": { "alias": "customClasses"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "displayCharactersCount": { "alias": "displayCharactersCount"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, false, never>;
+}

package/form-controls/textarea/upd-textarea.module.d.ts

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

package/form-controls/time-picker/time-picker.component.d.ts

@@ -0,0 +1,78 @@
+import { OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TimePickerComponent implements OnInit, OnChanges {
+    inputRef?: ElementRef;
+    /**
+     * Maximum height of the dropdown.
+     */
+    dropdownMaxHeight: number;
+    /**
+     * Whether the mask should be shown.
+     */
+    showMask: boolean;
+    /**
+     * Whether seconds should be selectable.
+     */
+    shouldSelectSeconds: boolean;
+    /**
+     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+     */
+    shouldUse24hFormat: boolean;
+    /**
+     * Hour from which where the list will begin.
+     */
+    startingHour: number;
+    /**
+     * Hour from which where the list will end.
+     */
+    endingHour: number;
+    /**
+     * Interval between hours displayed.
+     */
+    hourInterval: number;
+    /**
+     * Minute from which where the list will begin.
+     */
+    startingMinute: number;
+    /**
+     * Minute from which where the list will end.
+     */
+    endingMinute: number;
+    /**
+     * Interval between minutes displayed.
+     */
+    minuteInterval: number;
+    /**
+     * Second from which where the list will begin.
+     */
+    startingSecond: number;
+    /**
+     * Second from which where the list will end.
+     */
+    endingSecond: number;
+    /**
+     * Interval between seconds displayed.
+     */
+    secondInterval: number;
+    /**
+     * Custom list of hours to be displayed for selection.
+     */
+    customHours?: number[];
+    /**
+     * Custom list of minutes to be displayed for selection.
+     */
+    customMinutes?: number[];
+    /**
+     * Custom list of seconds to be displayed for selection.
+     */
+    customSeconds?: number[];
+    maxWidth: number;
+    isDropdownOpen: boolean;
+    get inputMask(): string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    openDropdown(): void;
+    private setupStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "upd-time-picker", never, { "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "shouldSelectSeconds": { "alias": "shouldSelectSeconds"; "required": false; }; "shouldUse24hFormat": { "alias": "shouldUse24hFormat"; "required": false; }; "startingHour": { "alias": "startingHour"; "required": false; }; "endingHour": { "alias": "endingHour"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "startingMinute": { "alias": "startingMinute"; "required": false; }; "endingMinute": { "alias": "endingMinute"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startingSecond": { "alias": "startingSecond"; "required": false; }; "endingSecond": { "alias": "endingSecond"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "customHours": { "alias": "customHours"; "required": false; }; "customMinutes": { "alias": "customMinutes"; "required": false; }; "customSeconds": { "alias": "customSeconds"; "required": false; }; }, {}, never, never, false, never>;
+}

package/form-controls/time-picker/time-selector/time-selector.component.d.ts

@@ -0,0 +1,69 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TimeSelectorComponent implements OnInit, OnChanges {
+    /**
+     * Whether seconds should be selectable.
+     */
+    shouldSelectSeconds: boolean;
+    /**
+     * Whether the 24-hour format will be used or the 12-hour one (AM/PM)
+     */
+    shouldUse24hFormat: boolean;
+    /**
+     * Hour from which where the list will begin.
+     */
+    startingHour: number;
+    /**
+     * Hour from which where the list will end.
+     */
+    endingHour: number;
+    /**
+     * Interval between hours displayed.
+     */
+    hourInterval: number;
+    /**
+     * Minute from which where the list will begin.
+     */
+    startingMinute: number;
+    /**
+     * Minute from which where the list will end.
+     */
+    endingMinute: number;
+    /**
+     * Interval between minutes displayed.
+     */
+    minuteInterval: number;
+    /**
+     * Second from which where the list will begin.
+     */
+    startingSecond: number;
+    /**
+     * Second from which where the list will end.
+     */
+    endingSecond: number;
+    /**
+     * Interval between seconds displayed.
+     */
+    secondInterval: number;
+    /**
+     * Custom list of hours to be displayed for selection.
+     */
+    customHours?: number[];
+    /**
+     * Custom list of minutes to be displayed for selection.
+     */
+    customMinutes?: number[];
+    /**
+     * Custom list of seconds to be displayed for selection.
+     */
+    customSeconds?: number[];
+    hoursList: number[];
+    minutesList: number[];
+    secondsList: number[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setupTimeLists;
+    private setupTimeList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "upd-time-selector", never, { "shouldSelectSeconds": { "alias": "shouldSelectSeconds"; "required": false; }; "shouldUse24hFormat": { "alias": "shouldUse24hFormat"; "required": false; }; "startingHour": { "alias": "startingHour"; "required": false; }; "endingHour": { "alias": "endingHour"; "required": false; }; "hourInterval": { "alias": "hourInterval"; "required": false; }; "startingMinute": { "alias": "startingMinute"; "required": false; }; "endingMinute": { "alias": "endingMinute"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "startingSecond": { "alias": "startingSecond"; "required": false; }; "endingSecond": { "alias": "endingSecond"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "customHours": { "alias": "customHours"; "required": false; }; "customMinutes": { "alias": "customMinutes"; "required": false; }; "customSeconds": { "alias": "customSeconds"; "required": false; }; }, {}, never, never, false, never>;
+}

package/form-controls/time-picker/upd-time-picker.module.d.ts

@@ -0,0 +1,17 @@
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "./time-picker.component";
+import * as i2 from "./time-selector/time-selector.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@updevs/components/form-controls/input";
+import * as i6 from "@updevs/icons";
+import * as i7 from "@updevs/components/button";
+import * as i8 from "@updevs/components/list";
+import * as i9 from "@updevs/components/dropdown";
+export declare class UpdTimePickerModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdTimePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdTimePickerModule, [typeof i1.TimePickerComponent, typeof i2.TimeSelectorComponent], [typeof i3.CommonModule, typeof i4.TranslocoModule, typeof i5.UpdInputModule, typeof i6.UpdIconsModule, typeof i7.UpdButtonModule, typeof i8.UpdListModule, typeof i9.UpdDropdownModule], [typeof i1.TimePickerComponent, typeof i2.TimeSelectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdTimePickerModule>;
+}

package/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="index.ngtypecheck.d.ts" />
+export * from './public-api';

package/layout/abstractions/base-page.component.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from '@angular/core';
+import { BaseComponent, LayoutService } from '@updevs/sdk/layout';
+import * as i0 from "@angular/core";
+/**
+ * Basic page structure.
+ */
+export declare abstract class BasePageComponent extends BaseComponent implements OnDestroy {
+    protected readonly _layoutService: LayoutService;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasePageComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BasePageComponent, never, never, {}, {}, never, never, false, never>;
+}

package/layout/abstractions/base.layout.d.ts

@@ -0,0 +1,15 @@
+import { BaseComponent, LayoutService } from '@updevs/sdk/layout';
+import { OnInit, OnDestroy } from '@angular/core';
+import { UpdLayoutConfigService } from '../services/upd-layout-config.service';
+import * as i0 from "@angular/core";
+/**
+ * Basic layout structure.
+ */
+export declare abstract class BaseLayout extends BaseComponent implements OnInit, OnDestroy {
+    protected readonly _layoutConfigService: UpdLayoutConfigService;
+    protected readonly _layoutService: LayoutService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseLayout, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseLayout, never, never, {}, {}, never, never, false, never>;
+}

package/layout/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/layout/layouts/blank-layout/blank-layout.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+import { BaseLayout } from '../../abstractions/base.layout';
+import * as i0 from "@angular/core";
+export declare class BlankLayoutComponent extends BaseLayout implements OnInit {
+    readonly config: import("@angular/core").Signal<import("@updevs/sdk/layout/models/main-header.config").MainHeaderConfig>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlankLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlankLayoutComponent, "upd-blank-layout", never, {}, {}, never, never, false, never>;
+}

package/layout/layouts/blank-layout/blank-layout.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./blank-layout.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/router";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@updevs/components/dropdown";
+import * as i6 from "@updevs/icons";
+import * as i7 from "@updevs/components/link";
+import * as i8 from "../../partials/footer/footer.module";
+import * as i9 from "../../partials/header/header.module";
+export declare class BlankLayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlankLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BlankLayoutModule, [typeof i1.BlankLayoutComponent], [typeof i2.CommonModule, typeof i3.RouterOutlet, typeof i4.TranslocoPipe, typeof i5.UpdDropdownModule, typeof i6.UpdIconsModule, typeof i7.UpdLinkModule, typeof i8.FooterModule, typeof i9.HeaderModule], [typeof i1.BlankLayoutComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BlankLayoutModule>;
+}

package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.component.d.ts

@@ -0,0 +1,6 @@
+import { BaseLayout } from '../../abstractions/base.layout';
+import * as i0 from "@angular/core";
+export declare class VerticalSidebarLayoutComponent extends BaseLayout {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSidebarLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalSidebarLayoutComponent, "upd-vertical-sidebar-layout", never, {}, {}, never, never, false, never>;
+}

package/layout/layouts/vertical-sidebar-layout/vertical-sidebar-layout.module.d.ts

@@ -0,0 +1,22 @@
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "./vertical-sidebar-layout.component";
+import * as i2 from "../../partials/sidebar/sidebar.component";
+import * as i3 from "../../partials/page-header/page-header.component";
+import * as i4 from "../../partials/footer/footer-copyright.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/router";
+import * as i7 from "@jsverse/transloco";
+import * as i8 from "@updevs/icons";
+import * as i9 from "@updevs/sdk/layout";
+import * as i10 from "@updevs/components/button";
+import * as i11 from "@updevs/components/link";
+import * as i12 from "@updevs/components/dropdown";
+import * as i13 from "../../partials/footer/footer.module";
+import * as i14 from "../../partials/header/header.module";
+export declare class VerticalSidebarLayoutModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSidebarLayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalSidebarLayoutModule, [typeof i1.VerticalSidebarLayoutComponent, typeof i2.SidebarComponent, typeof i3.PageHeaderComponent, typeof i4.FooterCopyrightDirective], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.TranslocoModule, typeof i8.UpdIconsModule, typeof i9.UpdCoreLayoutModule, typeof i10.UpdButtonModule, typeof i11.UpdLinkModule, typeof i12.UpdDropdownModule, typeof i13.FooterModule, typeof i14.HeaderModule], [typeof i1.VerticalSidebarLayoutComponent, typeof i2.SidebarComponent, typeof i3.PageHeaderComponent, typeof i4.FooterCopyrightDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VerticalSidebarLayoutModule>;
+}

package/layout/models/login-page-config.model.d.ts

@@ -0,0 +1,46 @@
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+import { LoginPageConfig } from './login-page.config';
+/**
+ * Configuration of the login page layout.
+ */
+export declare class LoginPageConfigModel implements LoginPageConfig {
+    /**
+     * Layout of the login page.
+     */
+    layout: 'centered-box' | 'box-with-picture' | 'cover';
+    /**
+     * Background color of the login box (exclusive with bgStyle).
+     * Should be the name of a CSS class.
+     */
+    bgColor?: string;
+    /**
+     * Background color of the login box (exclusive with bgColor).
+     */
+    bgStyle?: BgColorStyleType;
+    /**
+     * Color of the border used in the login page.
+     */
+    borderColor: ColorStyleType;
+    /**
+     * Color of the sign-in button.
+     */
+    signInButtonColor: ColorStyleType;
+    /**
+     * Color of all links in the login page.
+     */
+    linksColor: ColorStyleType;
+    /**
+     * Route with the page to recover the user's password.
+     */
+    recoverPasswordRoute?: string;
+    /**
+     * Route with the page to register a user.
+     */
+    signUpRoute?: string;
+    /**
+     * Buttons used for social login (google, facebook, etc).
+     */
+    socialLoginButtons: ButtonModel[];
+    constructor(init?: LoginPageConfig);
+}

package/layout/models/login-page.config.d.ts

@@ -0,0 +1,44 @@
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
+/**
+ * Configuration of the login page layout.
+ */
+export interface LoginPageConfig {
+    /**
+     * Layout of the login page.
+     */
+    layout?: 'centered-box' | 'box-with-picture' | 'cover';
+    /**
+     * Background color of the login box (exclusive with bgStyle).
+     * Should be the name of a CSS class.
+     */
+    bgColor?: string;
+    /**
+     * Background color of the login box (exclusive with bgColor).
+     */
+    bgStyle?: BgColorStyleType;
+    /**
+     * Color of the border used in the login page.
+     */
+    borderColor?: ColorStyleType;
+    /**
+     * Color of the sign-in button.
+     */
+    signInButtonColor?: ColorStyleType;
+    /**
+     * Color of all links in the login page.
+     */
+    linksColor?: ColorStyleType;
+    /**
+     * Route with the page to recover the user's password.
+     */
+    recoverPasswordRoute?: string;
+    /**
+     * Route with the page to register a user.
+     */
+    signUpRoute?: string;
+    /**
+     * Buttons used for social login (google, facebook, etc).
+     */
+    socialLoginButtons?: ButtonModel[];
+}

package/layout/{src/models/public-api.ts → models/public-api.d.ts}

@@ -1 +1,2 @@
 export * from './upd-layout.config';
+export * from './login-page.config';

package/layout/models/security-layout-config.model.d.ts

@@ -0,0 +1,12 @@
+import { SecurityLayoutConfig } from './security-layout.config';
+import { LoginPageConfigModel } from './login-page-config.model';
+/**
+ * Configuration for the pages related to the security.
+ */
+export declare class SecurityLayoutConfigModel implements SecurityLayoutConfig {
+    /**
+     * Configuration of the login page.
+     */
+    loginPage: LoginPageConfigModel;
+    constructor(init?: SecurityLayoutConfig);
+}

package/layout/models/security-layout.config.d.ts

@@ -0,0 +1,10 @@
+import { LoginPageConfig } from './login-page.config';
+/**
+ * Configuration for the pages related to the security.
+ */
+export interface SecurityLayoutConfig {
+    /**
+     * Configuration of the login page.
+     */
+    loginPage?: LoginPageConfig;
+}

package/layout/models/upd-layout-config.model.d.ts

@@ -0,0 +1,48 @@
+import { UpdLayoutConfig } from './upd-layout.config';
+import { SecurityLayoutConfigModel } from './security-layout-config.model';
+/**
+ * Layout configuration.
+ */
+export declare class UpdLayoutConfigModel implements UpdLayoutConfig {
+    /**
+     * Main menu title.
+     */
+    menuTitle?: string;
+    /**
+     * Whether the menu should start expanded.
+     */
+    shouldMenuStartExpanded?: boolean;
+    /**
+     * Main application logo.
+     */
+    mainLogo?: string;
+    /**
+     * Small application logo.
+     */
+    smallLogo?: string;
+    /**
+     * Background image for the logged out page.
+     */
+    loggedOutBackground?: string;
+    /**
+     * Whether the default notifications button should be displayed.
+     */
+    showNotificationsButton?: boolean;
+    /**
+     * Whether the report error button should be displayed when an exception is thrown by the server.
+     */
+    displayReportErrorButton?: boolean;
+    /**
+     * Whether the logged user's menu should be displayed.
+     */
+    showUserMenu?: boolean;
+    /**
+     * Whether the fluid layout (less padding) should be used.
+     */
+    useFluidLayout?: boolean;
+    /**
+     * Configuration for the pages related to the security.
+     */
+    securityLayoutConfig: SecurityLayoutConfigModel;
+    constructor(init?: UpdLayoutConfig);
+}

package/layout/{src/models/upd-layout.config.ts → models/upd-layout.config.d.ts}

@@ -1,3 +1,4 @@
+import { SecurityLayoutConfig } from './security-layout.config';
 /**
  * Layout configuration.
  */
@@ -34,4 +35,12 @@ export interface UpdLayoutConfig {
      * Whether the logged user's menu should be displayed.
      */
     showUserMenu?: boolean;
+    /**
+     * Whether the fluid layout (less padding) should be used.
+     */
+    useFluidLayout?: boolean;
+    /**
+     * Configuration for the pages related to the security.
+     */
+    securityLayoutConfig?: SecurityLayoutConfig;
 }

package/layout/pages/auth-flow/auth-flow-routing.module.d.ts

@@ -0,0 +1,12 @@
+import { Routes } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Auth flow routes.
+ */
+export declare const routes: Routes;
+export declare class AuthFlowRoutingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthFlowRoutingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AuthFlowRoutingModule, never, [typeof i1.RouterModule], [typeof i1.RouterModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AuthFlowRoutingModule>;
+}