coer-elements 2.0.4 → 2.0.6

package/fesm2022/coer-elements.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"coer-elements.mjs","sources":["../../../projects/coer-elements/index.ts","../../../projects/coer-elements/coer-elements.ts"],"sourcesContent":["import { NgModule } from '@angular/core';   \r\nimport 'coer-elements/extensions';\r\n\r\n//Components  \r\nimport { CoerAlert }   from 'coer-elements/tools';\r\nimport * as components from 'coer-elements/components';\r\nimport * as pages      from 'coer-elements/pages';\r\nimport * as directives from 'coer-elements/directives';\r\nimport * as pipes      from 'coer-elements/pipes'; \r\nimport * as services   from 'coer-elements/services';\r\n\r\n\r\n@NgModule({  \r\n    imports: [  \r\n        components.ComponentsModule, \r\n        pages.PagesModule,\r\n        directives.DirectivesModule,\r\n        pipes.PipesModule, \r\n        services.ServicesModule,\r\n        CoerAlert \r\n    ],\r\n    exports: [ \r\n        CoerAlert,\r\n        pages.COERSystem,\r\n        pages.CoerMenuPage,\r\n        pages.HomePage, \r\n        pages.LoadingPage,\r\n        components.CoerAccordion,\r\n        components.CoerButton,\r\n        components.CoerCheckbox,\r\n        components.CoerDateBox,\r\n        components.CoerFilebox,\r\n        components.CoerForm,\r\n        components.CoerGrid,\r\n        components.CoerList, \r\n        components.CoerModal,\r\n        components.CoerNumberBox,\r\n        components.CoerPageTitle,\r\n        components.CoerSelectbox,\r\n        components.CoerDropdown,\r\n        components.CoerSidenav,\r\n        components.CoerSwitch,\r\n        components.CoerTextarea,\r\n        components.CoerTab,\r\n        components.CoerTextBox,\r\n        components.CoerToolbar, \r\n        directives.CoerRefDirective,\r\n        directives.LifeCycleDirective,\r\n        pipes.HtmlPipe,\r\n        pipes.NoImagePipe,\r\n        pipes.NumericFormatPipe \r\n    ]\r\n})\r\nexport class CoerElementsModule { } \r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4","i5"],"mappings":"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"}
+{"version":3,"file":"coer-elements.mjs","sources":["../../../projects/coer-elements/index.ts","../../../projects/coer-elements/coer-elements.ts"],"sourcesContent":["import { NgModule } from '@angular/core';   \r\nimport 'coer-elements/extensions';\r\n\r\n//Components  \r\nimport { CoerAlert }   from 'coer-elements/tools';\r\nimport * as components from 'coer-elements/components';\r\nimport * as pages      from 'coer-elements/pages';\r\nimport * as directives from 'coer-elements/directives';\r\nimport * as pipes      from 'coer-elements/pipes'; \r\nimport * as services   from 'coer-elements/services';\r\n\r\n\r\n@NgModule({  \r\n    imports: [  \r\n        components.ComponentsModule, \r\n        pages.PagesModule,\r\n        directives.DirectivesModule,\r\n        pipes.PipesModule, \r\n        services.ServicesModule,\r\n        CoerAlert \r\n    ],\r\n    exports: [ \r\n        CoerAlert,\r\n        pages.COERSystem,\r\n        pages.CoerMenuPage,\r\n        pages.HomePage, \r\n        pages.LoadingPage,\r\n        components.CoerAccordion,\r\n        components.CoerButton,\r\n        components.CoerCheckbox,\r\n        components.CoerDateBox,\r\n        components.CoerFilebox,\r\n        components.CoerForm,\r\n        components.CoerGrid,\r\n        components.CoerList, \r\n        components.CoerModal,\r\n        components.CoerNumberBox,\r\n        components.CoerPageTitle,\r\n        components.CoerSelectbox,\r\n        components.CoerDropdown,\r\n        components.CoerSidenav,\r\n        components.CoerSwitch,\r\n        components.CoerTextarea,\r\n        components.CoerTab,\r\n        components.CoerTextBox,\r\n        components.CoerToolbar, \r\n        directives.CoerRefDirective,\r\n        directives.LifeCycleDirective,\r\n        pipes.HtmlPipe,\r\n        pipes.NoImagePipe,\r\n        pipes.NumericFormatPipe \r\n    ]\r\n})\r\nexport class CoerElementsModule { } ","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3","i4","i5"],"mappings":"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"}

package/interfaces/lib/coer-grid/grid-button-by-row.interface.d.ts

@@ -3,4 +3,7 @@ export interface IGridButtonByRow<T> {
     showEditButton?: boolean | ((item: IGridItem<T>) => boolean);
     showDeleteButton?: boolean | ((item: IGridItem<T>) => boolean);
     showGoButton?: boolean | ((item: IGridItem<T>) => boolean);
+    editButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
+    deleteButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
+    goButtonColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
 }

package/interfaces/lib/coer-grid/grid-header-button.interface.d.ts

@@ -3,4 +3,5 @@ export interface IGridHeaderButton {
     path?: string | (string | number)[];
     tooltip?: string;
     isDisabled?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
 }

package/interfaces/lib/coer-grid/grid-header-export-button.interface.d.ts

@@ -8,4 +8,5 @@ export interface IGridHeaderExportButton {
     onlyRowFiltered?: boolean;
     onlySelectedItem?: boolean;
     preventDefault?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
 }

package/interfaces/lib/coer-grid/grid-header-import-button.interface.d.ts

@@ -5,4 +5,5 @@ export interface IGridHeaderImportButton {
     isDisabled?: boolean;
     preventDefault?: boolean;
     Autofill?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
 }

package/interfaces/lib/coer-menu/menu-toolbar.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IMenuToolbar {
+    label: string;
+    icon?: string;
+    path?: string | (string | number)[];
+    preventDefault?: boolean;
+}

package/interfaces/lib/login/user-login-response.interface.d.ts

@@ -0,0 +1,12 @@
+export interface IUserLoginResponse {
+    userId?: number;
+    user: string;
+    userNumber?: string;
+    role: string;
+    fullName?: string;
+    nickname?: string;
+    email?: string;
+    roles?: string[];
+    jwt?: string;
+    remember?: boolean;
+}

package/interfaces/lib/login/user-login.interface.d.ts

@@ -0,0 +1,10 @@
+export interface IUserLogin {
+    userId?: number;
+    user: string;
+    userNumber?: string;
+    role: string;
+    fullName?: string;
+    nickname?: string;
+    email?: string;
+    roles?: string[];
+}

package/interfaces/public-api.d.ts

@@ -23,7 +23,11 @@ export * from './lib/coer-grid/grid-sort.interface';
 export * from './lib/coer-menu/menu-access.interface';
 export * from './lib/coer-menu/menu-option-selected.interface';
 export * from './lib/coer-menu/menu-selected.interface';
+export * from './lib/coer-menu/menu-toolbar.interface';
 export * from './lib/coer-menu/menu.interface';
+export * from './lib/login/login.interface';
+export * from './lib/login/user-login-response.interface';
+export * from './lib/login/user-login.interface';
 export * from './lib/page-title/breadcrumb.interface';
 export * from './lib/page-title/go-back.interface';
 export * from './lib/page-title/information.interface';
@@ -34,9 +38,5 @@ export * from './lib/app-source.interface';
 export * from './lib/box-button.interface';
 export * from './lib/bulk-load.interface';
 export * from './lib/coer-ref.interface';
-export * from './lib/image.interface';
-export * from './lib/login-response.interface';
-export * from './lib/login.interface';
 export * from './lib/option.interface';
 export * from './lib/screen-size.interface';
-export * from './lib/toolbar-menu.interface';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "Components",
@@ -61,21 +61,21 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/coer-elements-components.mjs"
     },
+    "./directives": {
+      "types": "./directives/index.d.ts",
+      "default": "./fesm2022/coer-elements-directives.mjs"
+    },
     "./extensions": {
       "types": "./extensions/index.d.ts",
       "default": "./fesm2022/coer-elements-extensions.mjs"
     },
-    "./interceptors": {
-      "types": "./interceptors/index.d.ts",
-      "default": "./fesm2022/coer-elements-interceptors.mjs"
-    },
     "./guards": {
       "types": "./guards/index.d.ts",
       "default": "./fesm2022/coer-elements-guards.mjs"
     },
-    "./directives": {
-      "types": "./directives/index.d.ts",
-      "default": "./fesm2022/coer-elements-directives.mjs"
+    "./interceptors": {
+      "types": "./interceptors/index.d.ts",
+      "default": "./fesm2022/coer-elements-interceptors.mjs"
     },
     "./interfaces": {
       "types": "./interfaces/index.d.ts",
@@ -89,14 +89,14 @@
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/coer-elements-pipes.mjs"
     },
-    "./signals": {
-      "types": "./signals/index.d.ts",
-      "default": "./fesm2022/coer-elements-signals.mjs"
-    },
     "./services": {
       "types": "./services/index.d.ts",
       "default": "./fesm2022/coer-elements-services.mjs"
     },
+    "./signals": {
+      "types": "./signals/index.d.ts",
+      "default": "./fesm2022/coer-elements-signals.mjs"
+    },
     "./tools": {
       "types": "./tools/index.d.ts",
       "default": "./fesm2022/coer-elements-tools.mjs"

package/pages/lib/coer-system/coer-system.component.d.ts

@@ -1,46 +1,55 @@
-import { AfterContentInit, WritableSignal } from '@angular/core';
-import { IFile, ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';
+import { AfterContentInit, OnDestroy, WritableSignal } from '@angular/core';
+import { IFile, ILogIn, IMenu, IOption, IMenuToolbar, IUserLogin } from 'coer-elements/interfaces';
 import { CoerButton, CoerModal, CoerSidenav, CoerTextBox } from 'coer-elements/components';
 import { CoerAlert } from 'coer-elements/tools';
 import { LoginPage } from './login/login.component';
+import { JWTService } from 'coer-elements/services';
 import * as i0 from "@angular/core";
-export declare class COERSystem implements AfterContentInit {
-    protected readonly alert: CoerAlert;
-    protected sidenav: import("@angular/core").Signal<CoerSidenav>;
-    protected loginPage: import("@angular/core").Signal<LoginPage>;
-    protected modalProfile: import("@angular/core").Signal<CoerModal>;
-    protected modalPassword: import("@angular/core").Signal<CoerModal>;
-    protected inputPassword: import("@angular/core").Signal<CoerTextBox>;
-    protected inputPasswordConfirm: import("@angular/core").Signal<CoerTextBox>;
-    protected resetButton: import("@angular/core").Signal<CoerButton>;
-    protected readonly title: string;
+export declare class COERSystem implements AfterContentInit, OnDestroy {
+    protected readonly _alert: CoerAlert;
+    protected readonly _jwtService: JWTService;
+    protected _appName: string;
+    protected _staticLogin: boolean;
+    protected _sidenav: import("@angular/core").Signal<CoerSidenav>;
+    protected _loginPage: import("@angular/core").Signal<LoginPage>;
+    protected _modalProfile: import("@angular/core").Signal<CoerModal>;
+    protected _modalPassword: import("@angular/core").Signal<CoerModal>;
+    protected _inputPassword: import("@angular/core").Signal<CoerTextBox>;
+    protected _inputPasswordConfirm: import("@angular/core").Signal<CoerTextBox>;
+    protected _resetButton: import("@angular/core").Signal<CoerButton>;
+    protected _startJWT$: any;
+    protected _watchJWT$: any;
     protected _isLoading: WritableSignal<boolean>;
-    protected mainRole: any;
-    protected nickname: string;
-    protected password: string;
-    protected passwordConfirm: string;
-    protected _userRoles: WritableSignal<any[]>;
-    protected _user: WritableSignal<any>;
+    protected _mainRole: IOption | null;
+    protected _nickname: string;
+    protected _password: string;
+    protected _passwordConfirm: string;
+    protected _userRoles: WritableSignal<IOption[]>;
+    protected _user: WritableSignal<IUserLogin | null>;
+    protected _userImageStatic: string;
     userImage: import("@angular/core").InputSignal<string | null>;
-    toolbarMenu: import("@angular/core").InputSignal<IToolbarMenu[]>;
-    set user(value: any);
-    set userRoles(value: any[]);
+    toolbarMenu: import("@angular/core").InputSignal<IMenuToolbar[]>;
+    set user(value: IUserLogin | null);
+    set userRoles(value: string[]);
     set navigation(value: IMenu[]);
     onLogin: import("@angular/core").OutputEmitterRef<ILogIn>;
-    onRecovery: import("@angular/core").OutputEmitterRef<string>;
-    onClickOption: import("@angular/core").OutputEmitterRef<IToolbarMenu>;
+    onClickMenuOption: import("@angular/core").OutputEmitterRef<IMenuToolbar>;
     onResetPassword: import("@angular/core").OutputEmitterRef<string>;
-    onUpdateProfile: import("@angular/core").OutputEmitterRef<any>;
+    onRecoveryPassword: import("@angular/core").OutputEmitterRef<string>;
+    onUpdateProfile: import("@angular/core").OutputEmitterRef<IUserLogin>;
     onUploadUserImage: import("@angular/core").OutputEmitterRef<IFile>;
     onDeleteUserImage: import("@angular/core").OutputEmitterRef<void>;
+    onUpdateJWT: import("@angular/core").OutputEmitterRef<void>;
     protected IsNotNull: (value: any) => boolean;
     protected IsNotOnlyWhiteSpace: (value: any) => boolean;
     ngAfterContentInit(): Promise<void>;
-    protected get enableButton(): boolean;
-    protected _toolbarMenu: import("@angular/core").Signal<IToolbarMenu[]>;
-    protected userName: import("@angular/core").Signal<string>;
+    ngOnDestroy(): void;
+    protected get _enableButtonLogin(): boolean;
+    protected get _profileTitle(): string;
+    protected get _userImage(): string;
+    protected _toolbarMenu: import("@angular/core").Signal<IMenuToolbar[]>;
     /** */
-    protected SelectedOption(menu: IToolbarMenu): Promise<void>;
+    protected __SelectedOption(menu: IMenuToolbar): Promise<void>;
     /** */
     SetUser(user: string): void;
     /** */
@@ -48,23 +57,33 @@ export declare class COERSystem implements AfterContentInit {
     /** */
     FocusPassword(): void;
     /** */
-    protected Focus(): void;
+    protected __Focus(): void;
     /** */
-    protected ResetPassword(): void;
+    protected __ResetPassword(): void;
     /** */
     CloseModal(): void;
     /** */
-    Show(view: 'login' | 'recovery'): void;
+    Show(view: 'LOGIN' | 'RECOVERY'): void;
     /** */
     UpdateProfile(): void;
     /** */
-    UploadImage(images: IFile[]): void;
+    protected __UploadImage(images: IFile[]): void;
     /** */
-    DeleteUserImage(): Promise<void>;
+    protected __DeleteUserImage(): void;
     /** */
     OpenSideNav(): void;
     /** */
     CloseSideNav(): void;
+    /** */
+    StartJWT(validateEvery?: number, diferenceToUpdate?: number): void;
+    /** */
+    protected _WatchJWT(): void;
+    /** */
+    UpdateJWT(jwt: string): void;
+    /** */
+    StopJWT(): void;
+    /** */
+    UseStaticLogin(): IUserLogin;
     static ɵfac: i0.ɵɵFactoryDeclaration<COERSystem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<COERSystem, "coer-system", never, { "userImage": { "alias": "userImage"; "required": false; "isSignal": true; }; "toolbarMenu": { "alias": "toolbarMenu"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; }; "userRoles": { "alias": "userRoles"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; }, { "onLogin": "onLogin"; "onRecovery": "onRecovery"; "onClickOption": "onClickOption"; "onResetPassword": "onResetPassword"; "onUpdateProfile": "onUpdateProfile"; "onUploadUserImage": "onUploadUserImage"; "onDeleteUserImage": "onDeleteUserImage"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<COERSystem, "coer-system", never, { "userImage": { "alias": "userImage"; "required": false; "isSignal": true; }; "toolbarMenu": { "alias": "toolbarMenu"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; }; "userRoles": { "alias": "userRoles"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; }, { "onLogin": "onLogin"; "onClickMenuOption": "onClickMenuOption"; "onResetPassword": "onResetPassword"; "onRecoveryPassword": "onRecoveryPassword"; "onUpdateProfile": "onUpdateProfile"; "onUploadUserImage": "onUploadUserImage"; "onDeleteUserImage": "onDeleteUserImage"; "onUpdateJWT": "onUpdateJWT"; }, never, ["*"], false, never>;
 }

package/pages/lib/coer-system/login/login.component.d.ts

@@ -3,26 +3,26 @@ import { CoerTextBox } from 'coer-elements/components';
 import { ILogIn } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class LoginPage {
-    protected inputUser: import("@angular/core").Signal<CoerTextBox>;
-    protected inputPassword: import("@angular/core").Signal<CoerTextBox>;
-    protected inputRecovery: import("@angular/core").Signal<CoerTextBox>;
-    protected isLoading: WritableSignal<boolean>;
-    title: import("@angular/core").InputSignal<string>;
-    protected user: string;
-    protected password: string;
-    protected remember: boolean;
-    protected show: 'login' | 'recovery';
+    protected _appName: string;
+    protected _inputUser: import("@angular/core").Signal<CoerTextBox>;
+    protected _inputPassword: import("@angular/core").Signal<CoerTextBox>;
+    protected _inputRecovery: import("@angular/core").Signal<CoerTextBox>;
+    protected _isLoading: WritableSignal<boolean>;
+    protected _user: string;
+    protected _password: string;
+    protected _remember: boolean;
+    protected _show: 'LOGIN' | 'RECOVERY';
     onLogin: import("@angular/core").OutputEmitterRef<ILogIn>;
     onRecovery: import("@angular/core").OutputEmitterRef<string>;
     protected IsNotOnlyWhiteSpace: (value: any) => boolean;
-    protected get enableButton(): boolean;
-    protected get enableRecoveryButton(): boolean;
+    protected get _enableButton(): boolean;
+    protected get _enableRecoveryButton(): boolean;
     /** */
-    protected Login(): void;
+    protected __Login(): void;
     /** */
-    protected Recovery(): void;
+    protected __Recovery(): void;
     /** */
-    Show(view: 'login' | 'recovery'): Promise<void>;
+    Show(view: 'LOGIN' | 'RECOVERY'): Promise<void>;
     /** */
     FocusUser(): void;
     /** */
@@ -30,5 +30,5 @@ export declare class LoginPage {
     /** */
     SetUser(user: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginPage, "login-page", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "onLogin": "onLogin"; "onRecovery": "onRecovery"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginPage, "login-page", never, {}, { "onLogin": "onLogin"; "onRecovery": "onRecovery"; }, never, never, false, never>;
 }

package/styles/angular-material.scss

@@ -17,4 +17,6 @@
 @use "../components/lib/coer-tab/coer-tab.component.scss";
 @use "../components/lib/coer-textarea/coer-textarea.component.scss";
 @use "../components/lib/coer-textbox/coer-textbox.component.scss";
-@use "../tools/lib/coer-alert/coer-alert.component.scss"; 
+@use "../tools/lib/coer-alert/coer-alert.component.scss"; 
+
+