@updevs/components 1.0.0-alpha.10 → 1.0.0-alpha.12

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

@@ -1,12 +1,6 @@
-import { OnInit } from '@angular/core';
-import { PageHeaderModel } from '@updevs/sdk/layout';
 import { BaseLayout } from '../../abstractions/base.layout';
 import * as i0 from "@angular/core";
-export declare class VerticalSidebarLayoutComponent extends BaseLayout implements OnInit {
-    showPageHeader: boolean;
-    pageHeader?: PageHeaderModel;
-    private readonly changeDetectorRef;
-    ngOnInit(): void;
+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

@@ -13,9 +13,10 @@ import * as i10 from "@updevs/icons";
 import * as i11 from "@updevs/sdk/layout";
 import * as i12 from "@updevs/components/button";
 import * as i13 from "@updevs/components/link";
+import * as i14 from "@updevs/components/dropdown";
 export declare class VerticalSidebarLayoutModule {
     constructor(translocoService: TranslocoService);
     static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSidebarLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalSidebarLayoutModule, [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent, typeof i6.FooterCopyrightDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.TranslocoModule, typeof i10.UpdIconsModule, typeof i11.UpdCoreLayoutModule, typeof i12.UpdButtonModule, typeof i13.UpdLinkModule], [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent, typeof i6.FooterCopyrightDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalSidebarLayoutModule, [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent, typeof i6.FooterCopyrightDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.TranslocoModule, typeof i10.UpdIconsModule, typeof i11.UpdCoreLayoutModule, typeof i12.UpdButtonModule, typeof i13.UpdLinkModule, typeof i14.UpdDropdownModule], [typeof i1.VerticalSidebarLayoutComponent, typeof i2.FooterComponent, typeof i3.HeaderComponent, typeof i4.SidebarComponent, typeof i5.PageHeaderComponent, typeof i6.FooterCopyrightDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<VerticalSidebarLayoutModule>;
 }

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

@@ -1,4 +1,5 @@
-import { BgColorStyleType, ColorStyleType, ButtonModel } from '@updevs/sdk/layout';
+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.
@@ -29,6 +30,14 @@ export declare class LoginPageConfigModel implements LoginPageConfig {
      * 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).
      */

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

@@ -1,4 +1,5 @@
-import { BgColorStyleType, ColorStyleType, ButtonModel } from '@updevs/sdk/layout';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';
 /**
  * Configuration of the login page layout.
  */
@@ -28,6 +29,14 @@ export interface LoginPageConfig {
      * 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).
      */

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

@@ -13,11 +13,14 @@ export declare class LoginComponent implements OnInit, OnDestroy {
     get linkClasses(): string[];
     private get boxBgColor();
     private readonly bodyClasses;
+    private readonly router;
     private readonly authService;
     private readonly layoutService;
     ngOnInit(): void;
     ngOnDestroy(): void;
     login(): void;
+    goToRecoverPasswordPage(): void;
+    goToSignUpPage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, 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/header/header.component.d.ts

@@ -1,31 +1,48 @@
-import { OnChanges, SimpleChanges, OnInit } from '@angular/core';
-import { BaseComponent } from '@updevs/sdk/layout';
+import { OnInit, ElementRef } from '@angular/core';
 import { TablerIconsType } from '@updevs/icons';
+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 {
-    wrapperClasses: string;
-    style: HeaderStyleType;
-    showSearchBar: boolean;
-    nextThemeIcon: TablerIconsType;
-    nextThemeColor: string;
-    currentNotificationsIcon: TablerIconsType;
-    hasNewNotifications: boolean;
-    showNotifications: boolean;
-    showLanguageSwitcher: boolean;
-    showUserMenu: boolean;
-    private baseWrapperClasses;
+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").WritableSignal<HeaderStyleType>;
+    readonly nextThemeIcon: import("@angular/core").Signal<TablerIconsType>;
+    readonly currentNotificationsIcon: import("@angular/core").Signal<TablerIconsType>;
+    readonly hasNewNotifications: import("@angular/core").Signal<boolean>;
+    readonly languagesOptions: import("@angular/core").Signal<DropdownItem[]>;
+    readonly loggedUserOptions: import("@angular/core").Signal<DropdownItem[]>;
+    readonly userInfo: import("@angular/core").Signal<import("@updevs/sdk/types").OptionalType<import("@updevs/sdk/core").UserInfoModel>>;
+    readonly userIdentification: import("@angular/core").Signal<string>;
+    readonly userDescription: import("@angular/core").Signal<string>;
+    readonly shouldBlinkIfNewNotifications: import("@angular/core").Signal<boolean>;
+    readonly latestNotifications: import("@angular/core").Signal<NotificationModel[]>;
+    readonly textService: TextService;
+    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;
     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, {}, {}, never, never, false, never>;
 }

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/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/list/models/list-item.d.ts

@@ -1,5 +1,5 @@
 import { IconModel } from '@updevs/icons';
-import { BgColorStyleType } from '@updevs/sdk/layout';
+import { BgColorStyleType } from '@updevs/sdk/types';
 import { BadgePositionType } from './badge-position.type';
 export interface ListItem {
     id?: any;

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

@@ -1,5 +1,5 @@
 import { IconModel } from '@updevs/icons';
-import { BgColorStyleType } from '@updevs/sdk/layout';
+import { BgColorStyleType } from '@updevs/sdk/types';
 import { ListItem } from './list-item';
 import { BadgePositionType } from './badge-position.type';
 export declare class ListItemModel implements ListItem {

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

@@ -1,8 +1,8 @@
 import { NgComponentOutlet } from '@angular/common';
 import { TemplateRef, Type, ElementRef, ComponentRef } from '@angular/core';
 import { TextModel } from '@updevs/sdk';
-import { BgColorStyleType, BaseComponent, Overlay, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType, OptionalType } from '@updevs/sdk/types';
+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';

package/modal/models/modal-config.model.d.ts

@@ -1,7 +1,7 @@
 import { TemplateRef, Type } from '@angular/core';
-import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
+import { ButtonModel } from '@updevs/sdk/layout';
 import { TextModel } from '@updevs/sdk';
-import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';
 import { IconModel } from '@updevs/icons';
 import { ModalConfig } from './modal.config';
 import { ModalSizeType } from '../types/modal-size.type';

package/modal/models/modal-ref.d.ts

@@ -1,4 +1,4 @@
-import { OptionalType } from '@updevs/sdk/types/index';
+import { OptionalType } from '@updevs/sdk/types';
 export interface ModalRef {
     afterClose?: (result?: any) => void;
     close(result?: any): void;

package/modal/models/modal.config.d.ts

@@ -1,7 +1,7 @@
 import { TemplateRef, Type } from '@angular/core';
 import { TextModel } from '@updevs/sdk';
-import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';
 import { IconModel } from '@updevs/icons';
 import { ModalSizeType } from '../types/modal-size.type';
 import { ModalFooterStyleType } from '../types/modal-footer-style.type';

package/modal/services/modal-alert.service.d.ts

@@ -1,6 +1,6 @@
 import { TextModel } from '@updevs/sdk';
-import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
-import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import { ButtonModel } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType, BgColorStyleType } from '@updevs/sdk/types';
 import { IconModel } from '@updevs/icons';
 import { Observable } from 'rxjs';
 import { ModalSizeType } from '../types/modal-size.type';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@updevs/components",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.12",
   "peerDependencies": {
     "@angular/common": "^18.0.1",
     "@angular/core": "^18.0.1",
     "@jsverse/transloco": "^7.4.2",
     "@updevs/icons": "^1.0.9",
-    "@updevs/sdk": "^1.0.0-alpha.19"
+    "@updevs/sdk": "^1.0.0-alpha.21"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -33,6 +33,12 @@
       "esm": "./esm2022/badge/updevs-components-badge.mjs",
       "default": "./fesm2022/updevs-components-badge.mjs"
     },
+    "./calendar": {
+      "types": "./calendar/index.d.ts",
+      "esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
+      "esm": "./esm2022/calendar/updevs-components-calendar.mjs",
+      "default": "./fesm2022/updevs-components-calendar.mjs"
+    },
     "./card": {
       "types": "./card/index.d.ts",
       "esm2022": "./esm2022/card/updevs-components-card.mjs",
@@ -45,11 +51,11 @@
       "esm": "./esm2022/button/updevs-components-button.mjs",
       "default": "./fesm2022/updevs-components-button.mjs"
     },
-    "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "esm2022": "./esm2022/calendar/updevs-components-calendar.mjs",
-      "esm": "./esm2022/calendar/updevs-components-calendar.mjs",
-      "default": "./fesm2022/updevs-components-calendar.mjs"
+    "./dropdown": {
+      "types": "./dropdown/index.d.ts",
+      "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",
+      "esm": "./esm2022/dropdown/updevs-components-dropdown.mjs",
+      "default": "./fesm2022/updevs-components-dropdown.mjs"
     },
     "./drag-and-drop": {
       "types": "./drag-and-drop/index.d.ts",
@@ -63,12 +69,6 @@
       "esm": "./esm2022/form/updevs-components-form.mjs",
       "default": "./fesm2022/updevs-components-form.mjs"
     },
-    "./dropdown": {
-      "types": "./dropdown/index.d.ts",
-      "esm2022": "./esm2022/dropdown/updevs-components-dropdown.mjs",
-      "esm": "./esm2022/dropdown/updevs-components-dropdown.mjs",
-      "default": "./fesm2022/updevs-components-dropdown.mjs"
-    },
     "./layout": {
       "types": "./layout/index.d.ts",
       "esm2022": "./esm2022/layout/updevs-components-layout.mjs",
@@ -135,18 +135,18 @@
       "esm": "./esm2022/form-controls/input/updevs-components-form-controls-input.mjs",
       "default": "./fesm2022/updevs-components-form-controls-input.mjs"
     },
-    "./form-controls/radio": {
-      "types": "./form-controls/radio/index.d.ts",
-      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
-      "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
-    },
     "./form-controls/select": {
       "types": "./form-controls/select/index.d.ts",
       "esm2022": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
       "esm": "./esm2022/form-controls/select/updevs-components-form-controls-select.mjs",
       "default": "./fesm2022/updevs-components-form-controls-select.mjs"
     },
+    "./form-controls/radio": {
+      "types": "./form-controls/radio/index.d.ts",
+      "esm2022": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
+      "esm": "./esm2022/form-controls/radio/updevs-components-form-controls-radio.mjs",
+      "default": "./fesm2022/updevs-components-form-controls-radio.mjs"
+    },
     "./form-controls/textarea": {
       "types": "./form-controls/textarea/index.d.ts",
       "esm2022": "./esm2022/form-controls/textarea/updevs-components-form-controls-textarea.mjs",

package/table/abstractions/base-column.model.d.ts

@@ -1,7 +1,7 @@
 import { TextModel } from '@updevs/sdk';
 import { DataTypeEnum } from '@updevs/sdk/stores';
-import { TextAlignmentType, TextDecorationType, OverflowStrategyType, FontWeightType, WidthModel } from '@updevs/sdk/layout';
-import { OptionalType } from '@updevs/sdk/types';
+import { WidthModel } from '@updevs/sdk/layout';
+import { OptionalType, TextAlignmentType, TextDecorationType, OverflowStrategyType, FontWeightType } from '@updevs/sdk/types';
 import { ColumnTypeEnum } from '../models/enums/column-type.enum';
 export declare class BaseColumnModel {
     name: string;

package/table/components/search-section/search-section.component.d.ts

@@ -1,7 +1,7 @@
 import { TemplateRef, OnInit } from '@angular/core';
 import { SearchRequestModel } from '@updevs/sdk/stores';
-import { BaseComponent, BgColorStyleType } from '@updevs/sdk/layout';
-import { OptionalType } from '@updevs/sdk/types';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { OptionalType, BgColorStyleType } from '@updevs/sdk/types';
 import { BadgeConfig } from '@updevs/components/badge';
 import { Subject } from 'rxjs';
 import { FilterItemModel } from '../../models/filter-item.model';

package/table/models/columns/boolean-column.model.d.ts

@@ -1,6 +1,6 @@
 import { IconModel } from '@updevs/icons';
 import { TextModel } from '@updevs/sdk';
-import { ColorStyleType } from '@updevs/sdk/layout';
+import { ColorStyleType } from '@updevs/sdk/types';
 import { BaseColumnModel } from '../../abstractions/base-column.model';
 export declare class BooleanColumnModel extends BaseColumnModel {
     displayType: 'text' | 'toggle' | 'icon';

package/table/models/columns/text-column.model.d.ts

@@ -1,4 +1,4 @@
-import { TextTransformType } from '@updevs/sdk/layout';
+import { TextTransformType } from '@updevs/sdk/types';
 import { BaseColumnModel } from '../../abstractions/base-column.model';
 export declare class TextColumnModel extends BaseColumnModel {
     transform?: TextTransformType;

package/table/services/storages/saved-views.storage.d.ts

@@ -1,12 +1,10 @@
 import { Signal } from '@angular/core';
-import { BaseSignalStorage } from '@updevs/sdk/core';
 import { OptionalType } from '@updevs/sdk/types';
+import { BaseByUserSignalStorage } from '@updevs/sdk/security';
 import { SavedViewModel } from '../../models/saved-view.model';
 import * as i0 from "@angular/core";
-export declare class SavedViewsStorage extends BaseSignalStorage {
-    private readonly securityStorage;
+export declare class SavedViewsStorage extends BaseByUserSignalStorage {
     private readonly lastStateKey;
-    private get loggedUserId();
     constructor();
     saveView(data: SavedViewModel): void;
     saveLastState(data: SavedViewModel): void;
@@ -16,7 +14,6 @@ export declare class SavedViewsStorage extends BaseSignalStorage {
     resetAllIsDefault(tableName: string): void;
     removeViews(tableName: string, ...keys: string[]): void;
     getByName(tableName: string, name: string): OptionalType<SavedViewModel>;
-    private getUserKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<SavedViewsStorage, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SavedViewsStorage>;
 }

package/table/table.component.d.ts

@@ -28,10 +28,10 @@ export declare class TableComponent<T> extends BaseComponent implements OnInit {
     get isWidthInPixels(): boolean;
     readonly searchRequest: import("@angular/core").ModelSignal<SearchRequestModel>;
     readonly activeFilters: import("@angular/core").ModelSignal<FilterItemModel[]>;
-    readonly hasSearchChanged: import("@angular/core").WritableSignal<boolean>;
     readonly currentPage: import("@angular/core").ModelSignal<number>;
-    readonly totalRecords: import("@angular/core").WritableSignal<number>;
     readonly pageSize: import("@angular/core").ModelSignal<number>;
+    readonly hasSearchChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly totalRecords: import("@angular/core").WritableSignal<number>;
     readonly configModel: Signal<TableConfigModel<T>>;
     readonly data: Signal<T[]>;
     readonly selectionModel: Signal<SelectionModel<T>>;