@updevs/components 1.0.0-alpha.6 → 1.0.0-alpha.60

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

@@ -1,4 +1,5 @@
 import { UpdLayoutConfig } from './upd-layout.config';
+import { SecurityLayoutConfigModel } from './security-layout-config.model';
 /**
  * Layout configuration.
  */
@@ -35,5 +36,13 @@ export declare class UpdLayoutConfigModel implements 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: SecurityLayoutConfigModel;
     constructor(init?: UpdLayoutConfig);
 }

package/layout/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.module.d.ts

@@ -5,9 +5,16 @@ import * as i3 from "./logged-out/logged-out.component";
 import * as i4 from "@angular/common";
 import * as i5 from "./auth-flow-routing.module";
 import * as i6 from "@updevs/components/button";
-import * as i7 from "@angular/forms";
+import * as i7 from "@updevs/icons";
+import * as i8 from "@angular/forms";
+import * as i9 from "@jsverse/transloco";
+import * as i10 from "@updevs/components/link";
+import * as i11 from "@updevs/components/card";
+import * as i12 from "@updevs/components/form";
+import * as i13 from "../../partials/footer/footer.module";
+import * as i14 from "../../partials/header/header.module";
 export declare class AuthFlowModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AuthFlowModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AuthFlowModule, [typeof i1.LoginComponent, typeof i2.OauthCallbackComponent, typeof i3.LoggedOutComponent], [typeof i4.CommonModule, typeof i5.AuthFlowRoutingModule, typeof i6.UpdButtonModule, typeof i7.FormsModule], [typeof i1.LoginComponent, typeof i2.OauthCallbackComponent, typeof i3.LoggedOutComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AuthFlowModule, [typeof i1.LoginComponent, typeof i2.OauthCallbackComponent, typeof i3.LoggedOutComponent], [typeof i4.CommonModule, typeof i5.AuthFlowRoutingModule, typeof i6.UpdButtonModule, typeof i7.UpdIconsModule, typeof i8.FormsModule, typeof i9.TranslocoDirective, typeof i10.UpdLinkModule, typeof i11.UpdCardModule, typeof i12.UpdFormModule, typeof i13.FooterModule, typeof i14.HeaderModule], [typeof i1.LoginComponent, typeof i2.OauthCallbackComponent, typeof i3.LoggedOutComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AuthFlowModule>;
 }

package/layout/pages/auth-flow/login/login.component.d.ts

@@ -1,12 +1,26 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormRowModel } from '@updevs/components/form';
+import { UpdLayoutConfigService } from '../../../services/upd-layout-config.service';
 import * as i0 from "@angular/core";
-export declare class LoginComponent {
-    layout: 'centered-box' | 'box-with-picture';
-    username: string;
-    password: string;
+export declare class LoginComponent implements OnInit, OnDestroy {
+    formGroup: import("@angular/core").ModelSignal<FormGroup<{}>>;
+    formRows: FormRowModel[];
+    isSigningIn: import("@angular/core").WritableSignal<boolean>;
+    readonly layoutConfigService: UpdLayoutConfigService;
+    readonly config: import("../../../models/login-page-config.model").LoginPageConfigModel;
+    get border(): string;
+    get linkClasses(): string[];
+    private get boxBgColor();
+    private readonly bodyClasses;
+    private readonly router;
     private readonly authService;
     private readonly layoutService;
-    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     login(): void;
+    goToRecoverPasswordPage(): void;
+    goToSignUpPage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "upd-login", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "upd-login", never, { "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; }, { "formGroup": "formGroupChange"; }, never, never, false, never>;
 }

package/layout/partials/footer/footer.component.d.ts

@@ -1,12 +1,9 @@
-import { TemplateRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { LinkModel } from '@updevs/sdk/core';
-import { BaseComponent } from '@updevs/sdk/layout';
-import { TranslocoService } from '@ngneat/transloco';
+import { BaseComponent, LayoutService } from '@updevs/sdk/layout';
 import * as i0 from "@angular/core";
 export declare class FooterComponent extends BaseComponent implements OnInit, OnChanges {
-    private translocoService;
     wrapperClasses: string;
-    footerCopyrightTemplate?: TemplateRef<any>;
     /**
      * Whether the footer will always be shown.
      */
@@ -23,23 +20,15 @@ export declare class FooterComponent extends BaseComponent implements OnInit, On
      * Current year.
      */
     currentYear: number;
-    /**
-     * Text displayed in the copyright section before the symbol and year.
-     */
-    copyrightPrefix: string;
-    /**
-     * Text displayed in the copyright section after the symbol and year.
-     */
-    copyrightSuffix: string;
     /**
      * Version of the application.
      */
     version?: string;
+    readonly layoutService: LayoutService;
     private baseWrapperClasses;
-    constructor(translocoService: TranslocoService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateWrapperClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "upd-footer", never, {}, {}, ["footerCopyrightTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "upd-footer", never, {}, {}, never, never, false, never>;
 }

package/layout/partials/footer/footer.module.d.ts

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

package/layout/partials/footer/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './footer-copyright.directive';
 export * from './footer.component';
+export * from './footer.module';

package/layout/partials/header/header.component.d.ts

@@ -1,33 +1,51 @@
-import { OnChanges, SimpleChanges, OnInit } from '@angular/core';
-import { UpdCoreLayoutConfigService, BaseComponent, LayoutService } from '@updevs/sdk/layout';
+import { OnInit, ElementRef } from '@angular/core';
 import { TablerIconsType } from '@updevs/icons';
-import { TranslocoService } from '@ngneat/transloco';
+import { TextService } from '@updevs/sdk';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { DropdownItem } from '@updevs/components/dropdown';
+import { NotificationModel } from '@updevs/sdk/notifications';
 import { HeaderStyleType } from './header-style.type';
 import * as i0 from "@angular/core";
-export declare class HeaderComponent extends BaseComponent implements OnInit, OnChanges {
-    private coreLayoutConfigService;
-    private layoutService;
-    private translocoService;
-    wrapperClasses: string;
-    style: HeaderStyleType;
-    showSearchBar: boolean;
-    nextThemeIcon: TablerIconsType;
-    nextThemeColor: string;
-    currentNotificationsIcon: TablerIconsType;
-    hasNewNotifications: boolean;
-    showNotifications: boolean;
-    showLanguageSwitcher: boolean;
-    showUserMenu: boolean;
-    private baseWrapperClasses;
-    constructor(coreLayoutConfigService: UpdCoreLayoutConfigService, layoutService: LayoutService, translocoService: TranslocoService);
+export declare class HeaderComponent extends BaseComponent implements OnInit {
+    get classes(): string;
+    languageSwitcherRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    notificationsRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    loggedUserRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    isLanguageSwitcherDropdownOpen: boolean;
+    isNotificationsDropdownOpen: boolean;
+    isLoggedUserDropdownOpen: boolean;
+    readonly style: import("@angular/core").InputSignal<HeaderStyleType>;
+    readonly nextThemeIcon: import("@angular/core").Signal<TablerIconsType>;
+    readonly currentNotificationsIcon: import("@angular/core").Signal<TablerIconsType>;
+    readonly hasNewNotifications: import("@angular/core").Signal<boolean>;
+    readonly userInfo: import("@angular/core").Signal<import("@updevs/sdk/types").OptionalType<import("@updevs/sdk/core").UserInfoModel>>;
+    readonly textService: TextService;
+    readonly isSidebarMobileOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly shouldBlinkIfNewNotifications: import("@angular/core").Signal<boolean>;
+    readonly languagesOptions: import("@angular/core").Signal<DropdownItem[]>;
+    readonly loggedUserOptions: import("@angular/core").Signal<DropdownItem[]>;
+    readonly userIdentification: import("@angular/core").Signal<string>;
+    readonly userDescription: import("@angular/core").Signal<string>;
+    readonly latestNotifications: import("@angular/core").Signal<NotificationModel[]>;
+    readonly userInitials: import("@angular/core").Signal<string>;
+    private readonly securityStorage;
+    private readonly coreLayoutConfigService;
+    private readonly layoutService;
+    private readonly translocoService;
+    private readonly preferencesStorage;
+    private readonly notificationsService;
+    private readonly currentPreferences;
+    private readonly currentNotifications;
+    private readonly currentLanguageKey;
+    private readonly wrapperClasses;
+    readonly config: import("@angular/core").Signal<import("@updevs/sdk/layout/models/main-header.config").MainHeaderConfig>;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     switchTheme(): void;
-    switchLanguage(): void;
-    openNotifications(): void;
-    private setupNotifications;
-    private updateNotificationsIcon;
-    private updateWrapperClasses;
+    switchLanguage(item: DropdownItem): void;
+    selectLoggedUserMenuItem(item: DropdownItem): void;
+    readNotification(notification: NotificationModel): void;
+    removeNotification(notification: NotificationModel): void;
+    toggleSidebarOnMobile(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "upd-header", never, { "style": { "alias": "style"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "upd-header", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/layout/partials/header/header.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./header.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@jsverse/transloco";
+import * as i4 from "@updevs/icons";
+import * as i5 from "@updevs/components/dropdown";
+import * as i6 from "@updevs/components/link";
+export declare class HeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HeaderModule, [typeof i1.HeaderComponent], [typeof i2.CommonModule, typeof i3.TranslocoModule, typeof i4.UpdIconsModule, typeof i5.UpdDropdownModule, typeof i6.UpdLinkModule], [typeof i1.HeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HeaderModule>;
+}

package/layout/partials/header/public-api.d.ts

@@ -1,2 +1,3 @@
 export * from './header.component';
+export * from './header.module';
 export * from './header-style.type';

package/layout/partials/page-header/page-header.component.d.ts

@@ -1,7 +1,7 @@
 import { PageHeaderModel } from '@updevs/sdk/layout';
 import * as i0 from "@angular/core";
 export declare class PageHeaderComponent {
-    model: PageHeaderModel;
+    model: import("@angular/core").InputSignal<PageHeaderModel>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "upd-page-header", never, { "model": { "alias": "model"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "upd-page-header", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/layout/partials/sidebar/sidebar.component.d.ts

@@ -1,21 +1,46 @@
-import { OnInit } from '@angular/core';
-import { Router } from '@angular/router';
+import { OnInit, ElementRef } from '@angular/core';
+import { TextService } from '@updevs/sdk';
 import { RouteDataModel } from '@updevs/sdk/routes';
 import { BaseComponent } from '@updevs/sdk/layout';
+import { OptionalType } from '@updevs/sdk/types';
+import { DropdownItem } from '@updevs/components/dropdown';
 import * as i0 from "@angular/core";
 export declare class SidebarComponent extends BaseComponent implements OnInit {
-    private router;
     wrapperClasses: string;
     theme: string;
     menuItems: RouteDataModel[];
-    constructor(router: Router);
+    isLoggedUserDropdownOpen: boolean;
+    readonly loggedUserRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly textService: TextService;
+    readonly isSidebarMobileOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly config: import("@angular/core").Signal<import("@updevs/sdk/layout/models/main-header.config").MainHeaderConfig>;
+    readonly userInfo: import("@angular/core").Signal<OptionalType<import("@updevs/sdk/core").UserInfoModel>>;
+    readonly userIdentification: import("@angular/core").Signal<string>;
+    readonly userDescription: import("@angular/core").Signal<string>;
+    readonly loggedUserOptions: import("@angular/core").Signal<DropdownItem[]>;
+    readonly userInitials: import("@angular/core").Signal<string>;
+    private currentRoute;
+    private menuItemsBackup;
+    private readonly router;
+    private readonly menuService;
+    private readonly layoutService;
+    private readonly securityStorage;
+    private readonly coreLayoutConfigService;
     ngOnInit(): void;
     onMenuItemClick(item: RouteDataModel): void;
     hasChildren(item: RouteDataModel): boolean;
+    asMenuItem(item: any): RouteDataModel;
+    getItemClasses(item: RouteDataModel, activeClass: string, ...classes: string[]): string[];
+    toggleSidebarOnMobile(): void;
+    selectLoggedUserMenuItem(item: DropdownItem): void;
     private findActiveNode;
     private updateActiveRoute;
+    private setActivePath;
+    private getActivePath;
     private resetMenuState;
+    private setItemActive;
     private updateParents;
+    private findItemById;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "upd-sidebar", never, {}, {}, never, never, false, never>;
 }

package/layout/upd-layout.module.d.ts

@@ -3,6 +3,7 @@ import { UpdLayoutConfig } from './models/upd-layout.config';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@updevs/sdk/layout";
+import * as i3 from "@updevs/sdk/notifications";
 /**
  * Layout module.
  */
@@ -13,6 +14,6 @@ export declare class UpdLayoutModule {
      */
     static forRoot(config: UpdLayoutConfig): ModuleWithProviders<UpdLayoutModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdLayoutModule, never, [typeof i1.CommonModule, typeof i2.UpdCoreLayoutModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdLayoutModule, never, [typeof i1.CommonModule, typeof i2.UpdCoreLayoutModule, typeof i3.UpdNotificationsModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdLayoutModule>;
 }

package/lib/index.d.ts

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

package/lib/models/public-api.d.ts

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

package/lib/models/row-column-size.d.ts

@@ -0,0 +1,23 @@
+/// <reference path="row-column-size.ngtypecheck.d.ts" />
+export interface RowColumnSize {
+    /**
+     * Applies to all breakpoints from 576px and up (col-X).
+     */
+    default?: number;
+    /**
+     * For devices with 1200px and up (col-xl-X).
+     */
+    extraLarge?: number;
+    /**
+     * For devices with 992px and up (col-lg-X).
+     */
+    large?: number;
+    /**
+     * For devices with 768px and up (col-md-X).
+     */
+    medium?: number;
+    /**
+     * For devices with 576px and up (col-sm-X).
+     */
+    small?: number;
+}

package/lib/public-api.d.ts

@@ -1,2 +1,5 @@
+/// <reference path="public-api.ngtypecheck.d.ts" />
+export * from './models/public-api';
+export * from './tools/public-api';
 export * from './types/public-api';
 export * from './upd-components.module';

package/lib/tools/column-size.helper.d.ts

@@ -0,0 +1,6 @@
+/// <reference path="column-size.helper.ngtypecheck.d.ts" />
+import { RowColumnSize } from '../models/row-column-size';
+export declare class ColumnSizeHelper {
+    static getSizeClasses(colSize?: RowColumnSize, defaultIfEmpty?: number): string;
+    static getClasses(...classes: string[]): string;
+}

package/lib/tools/public-api.d.ts

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

package/lib/types/component-size.type.d.ts

@@ -1 +1,2 @@
+/// <reference path="component-size.type.ngtypecheck.d.ts" />
 export type ComponentSizeType = 'small' | 'default' | 'large';

package/lib/types/horizontal-vertical.type.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="horizontal-vertical.type.ngtypecheck.d.ts" />
+export type HorizontalVerticalType = 'horizontal' | 'vertical';

package/lib/types/public-api.d.ts

@@ -1,2 +1,4 @@
+/// <reference path="public-api.ngtypecheck.d.ts" />
 export * from './component-size.type';
+export * from './horizontal-vertical.type';
 export * from './validation-status.type';

package/lib/types/validation-status.type.d.ts

@@ -1 +1,2 @@
+/// <reference path="validation-status.type.ngtypecheck.d.ts" />
 export type ValidationStatusType = 'valid' | 'invalid';

package/lib/upd-components.module.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="upd-components.module.ngtypecheck.d.ts" />
 import * as i0 from "@angular/core";
 export declare class UpdComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdComponentsModule, never>;

package/list/list.component.d.ts

@@ -1,10 +1,8 @@
-import { Renderer2, ElementRef, OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ListItem } from './models/list-item';
 import { ListItemModel } from './models/list-item.model';
 import * as i0 from "@angular/core";
 export declare class ListComponent implements OnInit, OnChanges {
-    private renderer;
-    private elementRef;
     localWrapperClasses: string;
     /**
      * List items.
@@ -29,27 +27,13 @@ export declare class ListComponent implements OnInit, OnChanges {
      * Note: The unit should also be provided, i.e.: 350px, 35rem, etc.
      */
     maxHeight?: string;
-    /**
-     * Translation key used to inform no records have been found.
-     * If translation is not being used, you can insert the custom text here as well.
-     */
-    noRecordsFoundKey?: string;
-    /**
-     * Translation key used to describe 1 item found.
-     * If translation is not being used, you can insert the custom text here as well.
-     */
-    itemFoundKey?: string;
-    /**
-     * Translation key used to describe items (plural) found.
-     * If translation is not being used, you can insert the custom text here as well.
-     */
-    itemsFoundKey?: string;
     readonly checkboxChanged: EventEmitter<ListItem>;
     readonly selectedItem: EventEmitter<ListItem>;
     listItems: ListItemModel[];
     currentSelection: ListItem[];
     private localBackupItems;
-    constructor(renderer: Renderer2, elementRef: ElementRef);
+    private readonly renderer;
+    private readonly elementRef;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onCheckboxChange(item: ListItem, isChecked: boolean): void;
@@ -58,5 +42,5 @@ export declare class ListComponent implements OnInit, OnChanges {
     private setupStyle;
     private updateWrapperClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "upd-list", never, { "items": { "alias": "items"; "required": false; }; "shouldOverflow": { "alias": "shouldOverflow"; "required": false; }; "isFlush": { "alias": "isFlush"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "isHoverable": { "alias": "isHoverable"; "required": false; }; "shouldDisplayItemsCounter": { "alias": "shouldDisplayItemsCounter"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "noRecordsFoundKey": { "alias": "noRecordsFoundKey"; "required": false; }; "itemFoundKey": { "alias": "itemFoundKey"; "required": false; }; "itemsFoundKey": { "alias": "itemsFoundKey"; "required": false; }; }, { "checkboxChanged": "checkboxChanged"; "selectedItem": "selectedItem"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "upd-list", never, { "items": { "alias": "items"; "required": false; }; "shouldOverflow": { "alias": "shouldOverflow"; "required": false; }; "isFlush": { "alias": "isFlush"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "isHoverable": { "alias": "isHoverable"; "required": false; }; "shouldDisplayItemsCounter": { "alias": "shouldDisplayItemsCounter"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "checkboxChanged": "checkboxChanged"; "selectedItem": "selectedItem"; }, never, never, false, never>;
 }

package/list/models/list-item.d.ts

@@ -1,10 +1,11 @@
-import { BgColorStyleType } from '@updevs/sdk/layout';
+import { IconModel } from '@updevs/icons';
+import { BgColorStyleType } from '@updevs/sdk/types';
 import { BadgePositionType } from './badge-position.type';
 export interface ListItem {
     id?: any;
     text?: string;
     description?: string;
-    icon?: string;
+    icon?: IconModel;
     isChecked?: boolean;
     isSwitch?: boolean;
     hasCheckbox?: boolean;
@@ -12,6 +13,7 @@ export interface ListItem {
     isActive?: boolean;
     leftBoxText?: string;
     leftBoxImage?: string;
+    leftBoxHtml?: string;
     badgeColor?: BgColorStyleType;
     badgeText?: string;
     badgePosition?: BadgePositionType;

package/list/models/list-item.model.d.ts

@@ -1,11 +1,12 @@
-import { BgColorStyleType } from '@updevs/sdk/layout';
+import { IconModel } from '@updevs/icons';
+import { BgColorStyleType } from '@updevs/sdk/types';
 import { ListItem } from './list-item';
 import { BadgePositionType } from './badge-position.type';
 export declare class ListItemModel implements ListItem {
     id?: any;
     text?: string;
     description?: string;
-    icon?: string;
+    icon?: IconModel;
     isChecked?: boolean;
     isSwitch?: boolean;
     hasCheckbox?: boolean;
@@ -13,6 +14,7 @@ export declare class ListItemModel implements ListItem {
     isActive?: boolean;
     leftBoxText?: string;
     leftBoxImage?: string;
+    leftBoxHtml?: string;
     badgeColor?: BgColorStyleType;
     badgeText?: string;
     badgePosition?: BadgePositionType;

package/list/upd-list.module.d.ts

@@ -1,8 +1,8 @@
-import { TranslocoService } from '@ngneat/transloco';
+import { TranslocoService } from '@jsverse/transloco';
 import * as i0 from "@angular/core";
 import * as i1 from "./list.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@ngneat/transloco";
+import * as i3 from "@jsverse/transloco";
 import * as i4 from "@updevs/components/form-controls/checkbox";
 import * as i5 from "@updevs/icons";
 export declare class UpdListModule {

package/modal/components/modal-container/modal-container.component.d.ts

@@ -0,0 +1,74 @@
+import { NgComponentOutlet } from '@angular/common';
+import { TemplateRef, Type, ElementRef, ComponentRef } from '@angular/core';
+import { TextModel } from '@updevs/sdk';
+import { BaseComponent, Overlay, ButtonModel } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType, OptionalType, BgColorStyleType } from '@updevs/sdk/types';
+import { IconModel } from '@updevs/icons';
+import { ModalSizeType } from '../../types/modal-size.type';
+import { ModalConfig } from '../../models/modal.config';
+import { ModalFooterStyleType } from '../../types/modal-footer-style.type';
+import { ModalRef } from '../../models/modal-ref';
+import * as i0 from "@angular/core";
+export declare class ModalContainerComponent extends BaseComponent implements ModalConfig, ModalRef {
+    id: string;
+    hostClass: string[];
+    role: string;
+    ariaHidden: boolean;
+    ariaModal: boolean;
+    tabIndex: number;
+    styleDisplay?: string;
+    dialog: import("@angular/core").Signal<ElementRef<any>>;
+    content: import("@angular/core").Signal<ElementRef<any>>;
+    bodyContentOutlet: import("@angular/core").Signal<NgComponentOutlet | undefined>;
+    size: ModalSizeType;
+    isVerticallyCentered: boolean;
+    isScrollable: boolean;
+    showCloseButton: boolean;
+    showCancelButton: boolean;
+    isTextCentered: boolean;
+    shouldDismissOnEsc: boolean;
+    shouldDismissOnOutsideClick: boolean;
+    isAlert: boolean;
+    statusColor?: BgColorStyleType;
+    headerTemplateRef?: TemplateRef<any>;
+    footerTemplateRef?: TemplateRef<any>;
+    bodyTemplateRef?: TemplateRef<any>;
+    bodyContentType?: Type<any>;
+    contentType?: Type<any>;
+    body?: TextModel;
+    title?: TextModel;
+    titleIcon?: IconModel;
+    titleIconPosition?: TopBottomLeftRightType;
+    footerLayout?: ModalFooterStyleType;
+    actionButtons: ButtonModel[];
+    overlay: Overlay;
+    modalContainerRef: ComponentRef<ModalContainerComponent>;
+    data?: any;
+    afterClose?: (result?: any) => void;
+    get classes(): string[];
+    get titleText(): string;
+    get bodyText(): string;
+    get statusColorClass(): string;
+    get sizeClass(): string;
+    private readonly openClass;
+    private readonly textService;
+    private readonly elementRef;
+    private readonly layoutService;
+    private readonly scrollbarService;
+    private readonly renderer;
+    private readonly document;
+    private get element();
+    prepareToShow(config?: ModalConfig): void;
+    show(): void;
+    close(result?: any): void;
+    buttonClick(event: MouseEvent, btn: ButtonModel): void;
+    getBodyInstance<T>(): OptionalType<T>;
+    private adjustDialog;
+    private setupConfig;
+    private setupActionButtons;
+    private setupListeners;
+    private clickCallback;
+    private escCallback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "upd-modal-container", never, {}, {}, never, never, false, never>;
+}

package/modal/index.d.ts

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

package/modal/models/base.modal.d.ts

@@ -0,0 +1,8 @@
+import { ModalRef } from './modal-ref';
+import * as i0 from "@angular/core";
+export declare abstract class BaseModal<TData = any> {
+    modalRef: import("@angular/core").InputSignal<ModalRef>;
+    data: import("@angular/core").InputSignal<TData>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseModal<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseModal<any>, never, never, { "modalRef": { "alias": "modalRef"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}