coer-elements 0.0.115 → 0.0.117

package/fesm2022/coer-elements-pages.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { effect, Component, viewChild, input, output, Input, NgModule } from '@angular/core';
+import { effect, Component, viewChild, input, output, inject, signal, computed, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i4 from 'coer-elements/tools';
-import { Page, Tools, Menu, User, CoerAlert } from 'coer-elements/tools';
+import { Page, Tools, CoerAlert, Menu, User } from 'coer-elements/tools';
 import { menuSelectedSIGNAL, isLoadingSIGNAL, navigationSIGNAL } from 'coer-elements/signals';
 import * as i2 from 'coer-elements/components';
 import { ComponentsModule } from 'coer-elements/components';
@@ -135,9 +135,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
 
 class COERSystem {
     constructor() {
+        //Injection
+        this.alert = inject(CoerAlert);
         //Elements
         this.sidenav = viewChild.required('sidenav');
         this.loginPage = viewChild.required('loginPage');
+        this.modalProfile = viewChild.required('modalProfile');
         this.modalPassword = viewChild.required('modalPassword');
         this.inputPassword = viewChild.required('inputPassword');
         this.inputPasswordConfirm = viewChild.required('inputPasswordConfirm');
@@ -145,26 +148,81 @@ class COERSystem {
         //Variables
         this.title = 'COER System';
         this._isLoading = isLoadingSIGNAL;
+        this.mainRole = null;
+        this.nickname = '';
         this.password = '';
         this.passwordConfirm = '';
+        this._userRoles = signal([]);
+        this._user = signal(null);
         //Inputs
         this.appName = input('');
-        this.user = input(null);
-        this.image = input(null);
+        this.userImage = input(null);
         this.toolbarMenu = input([]);
         //Outputs 
         this.onLogin = output();
         this.onRecovery = output();
         this.onClickOption = output();
         this.onResetPassword = output();
+        this.onUpdateProfile = output();
+        this.onUploadUserImage = output();
+        this.onDeleteUserImage = output();
         //Generic Tools
         this.IsNotNull = Tools.IsNotNull;
+        this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
+        //computed
+        this._toolbarMenu = computed(() => {
+            const menu = [...this.toolbarMenu()];
+            return [
+                { label: 'Profile', icon: 'fa-solid fa-user' },
+                { label: 'Reset Password', icon: 'fa-solid fa-lock' },
+                { label: 'Log Out', icon: 'fa-solid fa-door-open' }
+            ].concat(menu);
+        });
+        //computed
+        this.userName = computed(() => {
+            const user = this._user();
+            if (Tools.IsNotNull(user)) {
+                if (Tools.IsNotOnlyWhiteSpace(user?.fullName))
+                    return user?.fullName;
+                const name = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.name) ? this._user().name : '';
+                const firstName = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.firstName) ? this._user().firstName : '';
+                const middleName = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.middleName) ? this._user().middleName : '';
+                const lastName = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.lastName) ? this._user().lastName : '';
+                const secondLastName = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.secondName) ? this._user().secondLastName : '';
+                return `${name} ${firstName} ${middleName} ${lastName} ${secondLastName}`;
+            }
+            return '';
+        });
+    }
+    set user(value) {
+        if (Tools.IsNotNull(value)) {
+            this._user.set(value);
+            Tools.Sleep(1000, 'coerSystemGetUser').then(() => {
+                if (Tools.IsNotOnlyWhiteSpace(this._user()?.nickname)) {
+                    this.nickname = this._user().nickname;
+                }
+            });
+        }
+    }
+    set userRoles(value) {
+        if (Tools.IsNotNull(value)) {
+            this._userRoles.set(value);
+            Tools.Sleep(1000, 'coerSystemGetUserRoles').then(() => {
+                let mainRole = this._userRoles().find(x => (x?.id || -1) === (this._user()?.roleId) || null) || null;
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (x?.name || -1) === (this._user()?.role || null)) || null;
+                }
+                if (Tools.IsNotNull(mainRole)) {
+                    this.mainRole = mainRole;
+                }
+            });
+        }
     }
     set navigation(value) {
         if (Tools.IsNotNull(value)) {
             navigationSIGNAL.set(value);
-            Tools.Sleep(1000, 'getnavigation').then(() => {
-                if (Tools.IsNotNull(this.user())) {
+            Tools.Sleep(1000, 'coerSystemGetUserNavigation').then(() => {
+                if (Tools.IsNotNull(this._user())) {
                     this.sidenav().SetActiveLink(Menu.GetSelectedOption());
                 }
             });
@@ -172,7 +230,7 @@ class COERSystem {
     }
     //getter
     get enableButton() {
-        return Tools.IsNotOnlyWhiteSpace(this.user)
+        return Tools.IsNotOnlyWhiteSpace(this._user())
             && Tools.IsNotOnlyWhiteSpace(this.password)
             && Tools.IsNotOnlyWhiteSpace(this.passwordConfirm)
             && this.password.length >= 5
@@ -183,6 +241,10 @@ class COERSystem {
     /** */
     async SelectedOption(menu) {
         switch (menu.label) {
+            case 'Profile': {
+                this.modalProfile().Open();
+                break;
+            }
             case 'Reset Password': {
                 this.modalPassword().Open();
                 await Tools.Sleep(1000);
@@ -232,13 +294,38 @@ class COERSystem {
     async Show(view) {
         this.loginPage().Show(view);
     }
+    /** */
+    async UpdateProfile() {
+        this.onUpdateProfile.emit({
+            user: this._user()?.user,
+            nickname: this.nickname,
+            role: this.mainRole
+        });
+    }
+    /** */
+    UploadImage(images) {
+        if (images.length > 0) {
+            const [image] = images;
+            this.onUploadUserImage.emit(image);
+        }
+    }
+    /** */
+    async DeleteUserImage() {
+        const response = await this.alert.Confirm(`Remove <b>User Image</b> ?`, 'warning', 'fa-solid fa-trash-can');
+        if (response)
+            this.onDeleteUserImage.emit();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: COERSystem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: COERSystem, isStandalone: false, selector: "coer-system", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, toolbarMenu: { classPropertyName: "toolbarMenu", publicName: "toolbarMenu", isSignal: true, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onLogin: "onLogin", onRecovery: "onRecovery", onClickOption: "onClickOption", onResetPassword: "onResetPassword" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, isSignal: true }, { propertyName: "loginPage", first: true, predicate: ["loginPage"], descendants: true, isSignal: true }, { propertyName: "modalPassword", first: true, predicate: ["modalPassword"], descendants: true, isSignal: true }, { propertyName: "inputPassword", first: true, predicate: ["inputPassword"], descendants: true, isSignal: true }, { propertyName: "inputPasswordConfirm", first: true, predicate: ["inputPasswordConfirm"], descendants: true, isSignal: true }, { propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if(IsNotNull(user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"user()\" \r\n        [image]=\"image()\" \r\n        [menu]=\"toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "animation", "isLoading", "isDisabled", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "path", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: i2.CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight"], outputs: ["onOpen", "onClose"] }, { kind: "component", type: i2.CoerSidenav, selector: "coer-sidenav", outputs: ["onMenuSelected"] }, { kind: "component", type: i2.CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "button", "label", "placeholder", "minLength", "maxLength", "showSearchIcon", "showClearIcon", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "isInvalid", "isValid", "isDisabled", "isInvisible", "isReadonly", "isLoading", "selectOnFocus", "textPosition"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickButton"] }, { kind: "component", type: i2.CoerToolbar, selector: "coer-toolbar", inputs: ["appName", "user", "image", "menu"], outputs: ["onClickMenu", "onClickOption"] }, { kind: "directive", type: i3.CoerRefDirective, selector: "[coerRef]", inputs: ["coerRef", "title", "icon", "isDisabled", "show", "tooltip"] }, { kind: "component", type: i4.CoerAlert, selector: "coer-alert" }, { kind: "component", type: LoginPage, selector: "login-page", inputs: ["title"], outputs: ["onLogin", "onRecovery"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: COERSystem, isStandalone: false, selector: "coer-system", inputs: { appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, toolbarMenu: { classPropertyName: "toolbarMenu", publicName: "toolbarMenu", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: false, isRequired: false, transformFunction: null }, userRoles: { classPropertyName: "userRoles", publicName: "userRoles", isSignal: false, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onLogin: "onLogin", onRecovery: "onRecovery", onClickOption: "onClickOption", onResetPassword: "onResetPassword", onUpdateProfile: "onUpdateProfile", onUploadUserImage: "onUploadUserImage", onDeleteUserImage: "onDeleteUserImage" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, isSignal: true }, { propertyName: "loginPage", first: true, predicate: ["loginPage"], descendants: true, isSignal: true }, { propertyName: "modalProfile", first: true, predicate: ["modalProfile"], descendants: true, isSignal: true }, { propertyName: "modalPassword", first: true, predicate: ["modalPassword"], descendants: true, isSignal: true }, { propertyName: "inputPassword", first: true, predicate: ["inputPassword"], descendants: true, isSignal: true }, { propertyName: "inputPasswordConfirm", first: true, predicate: ["inputPasswordConfirm"], descendants: true, isSignal: true }, { propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if(IsNotNull(_user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"_user()\" \r\n        [image]=\"userImage()\" \r\n        [menu]=\"_toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n\r\n<!-- Modal Profile -->\r\n<coer-modal #modalProfile [title]=\"userName()\" icon=\"fa-solid fa-user\" width=\"auto\" height=\"350px\" (onClose)=\"null\"> \r\n    <coer-filebox\r\n        type=\"image\"\r\n        [image]=\"{ \r\n            value: IsNotOnlyWhiteSpace(userImage()) ? userImage() : '', \r\n            name: userName(),\r\n            maxWidth: '150px', \r\n            maxHeight: '150px', \r\n            marginBottom: '15px' \r\n        }\"\r\n        [isLoading]=\"_isLoading()\"\r\n        (onSelected)=\"UploadImage($event)\"\r\n        (onDeleteImage)=\"DeleteUserImage()\"\r\n    ></coer-filebox>\r\n    \r\n    <div class=\"d-flex\"> \r\n        <!-- User --> \r\n        <coer-textbox\r\n            label=\"User\"\r\n            [value]=\"_user()?.user\"\r\n            [isReadonly]=\"true\" \r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Email -->         \r\n        <coer-textbox\r\n            label=\"Email\"\r\n            [value]=\"_user()?.email\"\r\n            [isReadonly]=\"true\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-textbox> \r\n    </div> \r\n\r\n    <div class=\"d-flex\"> \r\n        <!-- Nickame --> \r\n        <coer-textbox\r\n            label=\"Nickame\"\r\n            [(ngModel)]=\"nickname\" \r\n            [isLoading]=\"_isLoading()\"\r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Role -->         \r\n        <coer-selectbox\r\n            label=\"Role\"\r\n            [(ngModel)]=\"mainRole\"\r\n            [dataSource]=\"_userRoles()\"\r\n            [isLoading]=\"_isLoading()\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-selectbox> \r\n    </div> \r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <coer-button\r\n            #buttonSave\r\n            color=\"dark\"\r\n            icon=\"save\"\r\n            [isLoading]=\"_isLoading()\"\r\n            (onClick)=\"UpdateProfile()\"\r\n        > Update </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert> ", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.CoerButton, selector: "coer-button", inputs: ["id", "color", "type", "icon", "iconPosition", "animation", "isLoading", "isDisabled", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "path", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: i2.CoerFilebox, selector: "coer-filebox", inputs: ["type", "multiple", "isLoading", "isDisabled", "image"], outputs: ["onSelected", "onDeleteImage"] }, { kind: "component", type: i2.CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight"], outputs: ["onOpen", "onClose"] }, { kind: "component", type: i2.CoerSidenav, selector: "coer-sidenav", outputs: ["onMenuSelected"] }, { kind: "component", type: i2.CoerSelectbox, selector: "coer-selectbox", inputs: ["value", "id", "label", "dataSource", "propDisplay", "rowsByPage", "placeholder", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "isInvalid", "isValid", "isDisabled", "isReadonly", "isLoading"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: i2.CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "button", "label", "placeholder", "minLength", "maxLength", "showSearchIcon", "showClearIcon", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft", "isInvalid", "isValid", "isDisabled", "isInvisible", "isReadonly", "isLoading", "selectOnFocus", "textPosition"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickButton"] }, { kind: "component", type: i2.CoerToolbar, selector: "coer-toolbar", inputs: ["appName", "user", "image", "menu"], outputs: ["onClickMenu", "onClickOption"] }, { kind: "directive", type: i3.CoerRefDirective, selector: "[coerRef]", inputs: ["coerRef", "title", "icon", "isDisabled", "show", "tooltip"] }, { kind: "component", type: i4.CoerAlert, selector: "coer-alert" }, { kind: "component", type: LoginPage, selector: "login-page", inputs: ["title"], outputs: ["onLogin", "onRecovery"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: COERSystem, decorators: [{
             type: Component,
-            args: [{ selector: 'coer-system', standalone: false, template: "@if(IsNotNull(user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"user()\" \r\n        [image]=\"image()\" \r\n        [menu]=\"toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert>" }]
-        }], propDecorators: { navigation: [{
+            args: [{ selector: 'coer-system', standalone: false, template: "@if(IsNotNull(_user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"_user()\" \r\n        [image]=\"userImage()\" \r\n        [menu]=\"_toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n\r\n<!-- Modal Profile -->\r\n<coer-modal #modalProfile [title]=\"userName()\" icon=\"fa-solid fa-user\" width=\"auto\" height=\"350px\" (onClose)=\"null\"> \r\n    <coer-filebox\r\n        type=\"image\"\r\n        [image]=\"{ \r\n            value: IsNotOnlyWhiteSpace(userImage()) ? userImage() : '', \r\n            name: userName(),\r\n            maxWidth: '150px', \r\n            maxHeight: '150px', \r\n            marginBottom: '15px' \r\n        }\"\r\n        [isLoading]=\"_isLoading()\"\r\n        (onSelected)=\"UploadImage($event)\"\r\n        (onDeleteImage)=\"DeleteUserImage()\"\r\n    ></coer-filebox>\r\n    \r\n    <div class=\"d-flex\"> \r\n        <!-- User --> \r\n        <coer-textbox\r\n            label=\"User\"\r\n            [value]=\"_user()?.user\"\r\n            [isReadonly]=\"true\" \r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Email -->         \r\n        <coer-textbox\r\n            label=\"Email\"\r\n            [value]=\"_user()?.email\"\r\n            [isReadonly]=\"true\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-textbox> \r\n    </div> \r\n\r\n    <div class=\"d-flex\"> \r\n        <!-- Nickame --> \r\n        <coer-textbox\r\n            label=\"Nickame\"\r\n            [(ngModel)]=\"nickname\" \r\n            [isLoading]=\"_isLoading()\"\r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Role -->         \r\n        <coer-selectbox\r\n            label=\"Role\"\r\n            [(ngModel)]=\"mainRole\"\r\n            [dataSource]=\"_userRoles()\"\r\n            [isLoading]=\"_isLoading()\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-selectbox> \r\n    </div> \r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <coer-button\r\n            #buttonSave\r\n            color=\"dark\"\r\n            icon=\"save\"\r\n            [isLoading]=\"_isLoading()\"\r\n            (onClick)=\"UpdateProfile()\"\r\n        > Update </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert> " }]
+        }], propDecorators: { user: [{
+                type: Input
+            }], userRoles: [{
+                type: Input
+            }], navigation: [{
                 type: Input
             }] } });
 

package/fesm2022/coer-elements-pages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"coer-elements-pages.mjs","sources":["../../../projects/coer-elements/pages/lib/coer-menu/coer-menu.component.ts","../../../projects/coer-elements/pages/lib/coer-menu/coer-menu.component.html","../../../projects/coer-elements/pages/lib/home/home.component.ts","../../../projects/coer-elements/pages/lib/home/home.component.html","../../../projects/coer-elements/pages/lib/coer-loading/loading.component.ts","../../../projects/coer-elements/pages/lib/coer-loading/loading.component.html","../../../projects/coer-elements/pages/lib/coer-system/login/login.component.ts","../../../projects/coer-elements/pages/lib/coer-system/login/login.component.html","../../../projects/coer-elements/pages/lib/coer-system/coer-system.component.ts","../../../projects/coer-elements/pages/lib/coer-system/coer-system.component.html","../../../projects/coer-elements/pages/lib/pages.module.ts","../../../projects/coer-elements/pages/coer-elements-pages.ts"],"sourcesContent":["import { Component, effect, WritableSignal } from '@angular/core'; \r\nimport { Page, Tools } from 'coer-elements/tools';  \r\nimport { menuSelectedSIGNAL } from 'coer-elements/signals';\r\nimport { IMenuSelected } from 'coer-elements/interfaces';\r\n\r\n\r\n@Component({\r\n    selector: 'coer-menu-page',\r\n    templateUrl: './coer-menu.component.html', \r\n    styleUrl: './coer-menu.component.scss',\r\n    standalone: false\r\n})\r\nexport class CoerMenuPage extends Page { \r\n     \r\n    //signals\r\n    protected menu: WritableSignal<IMenuSelected | null> = menuSelectedSIGNAL;\r\n\r\n    constructor() { \r\n        super('coer-menu'); \r\n        \r\n        effect(() => {\r\n            const menu = menuSelectedSIGNAL();\r\n            if(Tools.IsNotNull(menu)) this.SetPageFilters({ menu }); \r\n        });\r\n    }    \r\n\r\n\r\n    /** */\r\n    protected override RunPage() {\r\n        if (Tools.IsNotNull(this.pageFilters) && Tools.IsNotNull(this.pageFilters.menu)) { \r\n            menuSelectedSIGNAL.set(this.pageFilters.menu); \r\n            this.SetPageName(this.pageFilters.menu.label);\r\n        } \r\n    }       \r\n}","<!-- Title -->\r\n<coer-page-title\r\n    title=\"Menu\"\r\n    [breadcrumbs]=\"breadcrumbs\"\r\n    [goBack]=\"goBack\"\r\n></coer-page-title>\r\n\r\n@if(IsNotNull(menu())) {\r\n    <div class=\"flex-wrap-left fade-in\">\r\n        @for(page of menu()!.items; track page.id) {  \r\n            <a [routerLink]=\"(page.path!.length > 0) ? page.path : null\" class=\"flex-wrap-item\">\r\n                @if(IsNotOnlyWhiteSpace(page?.icon)) {\r\n                    <i [class]=\"page!.icon\"></i>\r\n                }\r\n                <span> {{ page.label }} </span>\r\n            </a>\r\n        }\r\n    </div>\r\n}","import { Component } from '@angular/core'; \r\nimport { Page } from 'coer-elements/tools';   \r\n\r\n\r\n@Component({\r\n    selector: 'home-page',\r\n    templateUrl: './home.component.html', \r\n    styleUrl: './home.component.scss',\r\n    standalone: false\r\n})\r\nexport class HomePage extends Page {   \r\n \r\n    constructor() { \r\n        super('home'); \r\n    }\r\n}","<!-- Title -->\r\n<coer-page-title\r\n    title=\"Home\"\r\n    [breadcrumbs]=\"breadcrumbs\"\r\n    [goBack]=\"goBack\"\r\n></coer-page-title> \r\n\r\n<section class=\"coer-container\">  \r\n</section>","import { Component } from '@angular/core'; \r\n\r\n@Component({\r\n    selector: 'loading-page',\r\n    templateUrl: './loading.component.html', \r\n    styleUrl: './loading.component.scss',\r\n    standalone: false\r\n})\r\nexport class LoadingPage { \r\n         \r\n}","Loading...","import { Component, input, output, viewChild, WritableSignal } from '@angular/core';     \r\nimport { CoerTextBox } from 'coer-elements/components';\r\nimport { ILogIn } from 'coer-elements/interfaces';\r\nimport { isLoadingSIGNAL } from 'coer-elements/signals';\r\nimport { Tools } from 'coer-elements/tools';\r\n\r\n\r\n@Component({\r\n    selector: 'login-page',\r\n    templateUrl: './login.component.html', \r\n    styleUrl: './login.component.scss',\r\n    standalone: false\r\n})\r\nexport class LoginPage {   \r\n\r\n    //Elements\r\n    protected inputUser = viewChild.required<CoerTextBox>('inputUser');\r\n    protected inputPassword = viewChild.required<CoerTextBox>('inputPassword');\r\n    protected inputRecovery = viewChild.required<CoerTextBox>('inputRecovery');\r\n\r\n    //Signals\r\n    protected isLoading: WritableSignal<boolean> = isLoadingSIGNAL;\r\n\r\n    //Inputs \r\n    public title = input<string>(''); \r\n\r\n    //Variables\r\n    protected user: string = '';\r\n    protected password: string = ''; \r\n    protected show: 'login' | 'recovery' = 'login';\r\n\r\n    //Outputs \r\n    public onLogin = output<ILogIn>();\r\n    public onRecovery = output<string>();\r\n\r\n    //Generic Tools\r\n    protected IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;  \r\n\r\n    //getter\r\n    protected get enableButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this.user)\r\n            && Tools.IsNotOnlyWhiteSpace(this.password)\r\n            && this.password.length >= 6\r\n    }\r\n\r\n    //getter\r\n    protected get enableRecoveryButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this.user) \r\n            && this.user.length >= 6\r\n    }\r\n\r\n    \r\n    /** */\r\n    protected Login() {\r\n        if (this.enableButton) {\r\n            this.onLogin.emit({ \r\n                user: this.user, \r\n                password: this.password \r\n            });\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    protected Recovery() {\r\n        if(this.enableRecoveryButton) {\r\n            this.onRecovery.emit(this.user);\r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public async Show(view: 'login' | 'recovery') {\r\n        this.show = view;\r\n        await Tools.Sleep();\r\n\r\n        if(view === 'recovery') {            \r\n            this.inputRecovery().Focus();\r\n        }\r\n\r\n        else if (view === 'login') {\r\n            this.inputUser().Focus();\r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusUser() {\r\n        this.inputUser().Focus();\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusPassword() {\r\n        this.inputPassword().Select();\r\n    }\r\n}","<div class=\"login-container\">\r\n\r\n    <!-- Title -->\r\n    <div class=\"title\">\r\n        {{ title() }}\r\n    </div>\r\n     \r\n    @if(show === 'login') {\r\n        <section>\r\n            <!-- User -->\r\n            <coer-textbox\r\n                #inputUser\r\n                label=\"User\"\r\n                [(ngModel)]=\"user\"\r\n                [isLoading]=\"isLoading()\" \r\n                marginTop=\"35px\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"15\"\r\n                (onKeyupEnter)=\"inputPassword.Select()\"\r\n            ></coer-textbox>\r\n             \r\n            <!-- Password -->\r\n            <coer-textbox\r\n                #inputPassword\r\n                label=\"Password\"\r\n                [(ngModel)]=\"password\"\r\n                [isLoading]=\"isLoading()\"\r\n                [selectOnFocus]=\"true\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"20\"\r\n                (onKeyupEnter)=\"Login()\"\r\n            ></coer-textbox>   \r\n            \r\n            <!-- Login -->\r\n            <div class=\"text-center\">\r\n                <coer-button\r\n                    color=\"dark\" \r\n                    [isDisabled]=\"!enableButton\"\r\n                    [isLoading]=\"isLoading()\"\r\n                    (onClick)=\"Login()\"\r\n                > Login </coer-button>\r\n            </div>\r\n        </section>\r\n\r\n        <!-- Recover password -->\r\n        <div class=\"recover\" (click)=\"Show('recovery')\">\r\n            Recover password\r\n        </div>\r\n    } \r\n\r\n\r\n    @if(show === 'recovery') {\r\n        <section>\r\n            <!-- Recovery -->\r\n            <coer-textbox\r\n                #inputRecovery\r\n                label=\"User / Email\"\r\n                [(ngModel)]=\"user\"\r\n                [isLoading]=\"isLoading()\" \r\n                marginTop=\"35px\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"15\"\r\n                (onKeyupEnter)=\"Recovery()\"\r\n            ></coer-textbox> \r\n\r\n\r\n            <!--  -->\r\n            <coer-textbox [isInvisible]=\"true\"></coer-textbox>   \r\n\r\n            \r\n            <!-- Login -->\r\n            <div class=\"text-center\">\r\n                <coer-button \r\n                    color=\"dark\" \r\n                    [isDisabled]=\"!enableRecoveryButton\"\r\n                    [isLoading]=\"isLoading()\"\r\n                    marginTop=\"35px\"\r\n                    (onClick)=\"Recovery()\"\r\n                > Recovery </coer-button>\r\n            </div>\r\n        </section>\r\n\r\n        <!-- Recover password -->\r\n        <div class=\"back\" (click)=\"Show('login')\">\r\n            Back\r\n        </div>\r\n    } \r\n</div>\r\n\r\n","import { Component, Input, input, output, viewChild, WritableSignal } from '@angular/core';     \r\nimport { isLoadingSIGNAL, navigationSIGNAL } from 'coer-elements/signals';\r\nimport { ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';\r\nimport { CoerButton, CoerModal, CoerSidenav, CoerTextBox } from 'coer-elements/components';\r\nimport { Menu, Tools, User } from 'coer-elements/tools';\r\nimport { LoginPage } from './login/login.component';\r\n\r\n@Component({\r\n    selector: 'coer-system',\r\n    templateUrl: './coer-system.component.html', \r\n    styleUrl: './coer-system.component.scss', \r\n    standalone: false\r\n})\r\nexport class COERSystem {  \r\n\r\n    //Elements\r\n    protected sidenav = viewChild.required<CoerSidenav>('sidenav');\r\n    protected loginPage = viewChild.required<LoginPage>('loginPage'); \r\n    protected modalPassword = viewChild.required<CoerModal>('modalPassword');\r\n    protected inputPassword = viewChild.required<CoerTextBox>('inputPassword');\r\n    protected inputPasswordConfirm = viewChild.required<CoerTextBox>('inputPasswordConfirm');\r\n    protected resetButton = viewChild.required<CoerButton>('resetButton');\r\n\r\n    //Variables\r\n    protected readonly title: string = 'COER System'; \r\n    protected _isLoading: WritableSignal<boolean> = isLoadingSIGNAL; \r\n    protected password: string = '';\r\n    protected passwordConfirm: string = '';\r\n\r\n    //Inputs\r\n    public appName     = input<string>(''); \r\n    public user        = input<any>(null); \r\n    public image       = input<string | null>(null); \r\n    public toolbarMenu = input<IToolbarMenu[]>([]); \r\n\r\n    @Input() set navigation(value: IMenu[]) {\r\n        if(Tools.IsNotNull(value)) {\r\n            navigationSIGNAL.set(value);  \r\n            \r\n            Tools.Sleep(1000, 'getnavigation').then(() => { \r\n                if (Tools.IsNotNull(this.user())) {\r\n                    this.sidenav().SetActiveLink(Menu.GetSelectedOption());\r\n                }\r\n            }); \r\n        }            \r\n    }  \r\n\r\n    //Outputs \r\n    public onLogin = output<ILogIn>();\r\n    public onRecovery = output<string>();  \r\n    public onClickOption = output<IToolbarMenu>();\r\n    public onResetPassword = output<string>();\r\n\r\n    //Generic Tools\r\n    protected IsNotNull = Tools.IsNotNull; \r\n\r\n\r\n    //getter\r\n    protected get enableButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this.user)\r\n            && Tools.IsNotOnlyWhiteSpace(this.password)\r\n            && Tools.IsNotOnlyWhiteSpace(this.passwordConfirm)\r\n            && this.password.length >= 5\r\n            && this.passwordConfirm.length >= 5\r\n            && !this._isLoading()\r\n            && this.password === this.passwordConfirm\r\n    }\r\n\r\n\r\n    /** */\r\n    protected async SelectedOption(menu: IToolbarMenu) {\r\n        switch(menu.label) {\r\n            case 'Reset Password': {\r\n                this.modalPassword().Open();\r\n                await Tools.Sleep(1000);\r\n                this.Focus();\r\n                break;\r\n            }\r\n\r\n            case 'Log Out': {\r\n                User.LogOut();\r\n                break;\r\n            } \r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusUser() {\r\n        this.loginPage().FocusUser();\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusPassword() {\r\n        this.loginPage().FocusPassword();\r\n    }\r\n\r\n\r\n    /** */\r\n    protected Focus() {  \r\n        if(Tools.IsOnlyWhiteSpace(this.password)) {\r\n            this.inputPassword().Focus();\r\n            return;\r\n        }\r\n\r\n        if(Tools.IsOnlyWhiteSpace(this.passwordConfirm)) { \r\n            this.inputPasswordConfirm().Focus();\r\n            return;\r\n        } \r\n        \r\n        if(this.enableButton) {\r\n            this.resetButton().Focus();\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    protected ResetPassword() {   \r\n        if(this.enableButton) {\r\n            const password = this.password;\r\n            this.onResetPassword.emit(password);\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    public CloseModal() {\r\n        this.modalPassword().Close();\r\n    }\r\n\r\n\r\n    /** */\r\n    public async Show(view: 'login' | 'recovery') {\r\n        this.loginPage().Show(view);\r\n    }\r\n}","@if(IsNotNull(user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"user()\" \r\n        [image]=\"image()\" \r\n        [menu]=\"toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert>","import { NgModule } from '@angular/core';    \r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n//Pages \r\nimport { CoerMenuPage } from './coer-menu/coer-menu.component';\r\nimport { ComponentsModule } from 'coer-elements/components';\r\nimport { DirectivesModule } from 'coer-elements/directives';\r\nimport { HomePage } from './home/home.component';\r\nimport { LoadingPage } from './coer-loading/loading.component';\r\nimport { COERSystem } from './coer-system/coer-system.component';\r\nimport { LoginPage } from './coer-system/login/login.component';\r\nimport { CoerAlert } from 'coer-elements/tools';\r\n\r\nexport const ROUTES: any = [ \r\n    { path: 'menu', component: CoerMenuPage },\r\n    { path: 'loading', component: LoadingPage },\r\n    { path: 'home', component: HomePage },\r\n    { path: '**', redirectTo: 'home' }     \r\n];\r\n\r\n@NgModule({    \r\n    imports: [\r\n        CommonModule, \r\n        RouterModule, \r\n        FormsModule, \r\n        ComponentsModule, \r\n        DirectivesModule,\r\n        CoerAlert\r\n    ],\r\n    declarations: [\r\n        COERSystem,\r\n        LoginPage,\r\n        CoerMenuPage,\r\n        HomePage,\r\n        LoadingPage,\r\n    ],\r\n    exports: [ \r\n        COERSystem, \r\n        CoerMenuPage,\r\n        HomePage,\r\n        LoadingPage,\r\n    ]\r\n})\r\nexport class PagesModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i5.LoginPage"],"mappings":";;;;;;;;;;;;;;;AAYM,MAAO,YAAa,SAAQ,IAAI,CAAA;AAKlC,IAAA,WAAA,GAAA;QACI,KAAK,CAAC,WAAW,CAAC;;QAHZ,IAAI,CAAA,IAAA,GAAyC,kBAAkB;QAKrE,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,IAAI,GAAG,kBAAkB,EAAE;AACjC,YAAA,IAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;AAAE,gBAAA,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC;AAC3D,SAAC,CAAC;;;IAKa,OAAO,GAAA;QACtB,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YAC7E,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;;8GAnB5C,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,kGCZzB,6mBAkBC,EAAA,MAAA,EAAA,CAAA,0kBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDNY,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,cAGd,KAAK,EAAA,QAAA,EAAA,6mBAAA,EAAA,MAAA,EAAA,CAAA,0kBAAA,CAAA,EAAA;;;AEAf,MAAO,QAAS,SAAQ,IAAI,CAAA;AAE9B,IAAA,WAAA,GAAA;QACI,KAAK,CAAC,MAAM,CAAC;;8GAHR,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,6FCVrB,4MAQU,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDEG,QAAQ,EAAA,UAAA,EAAA,CAAA;kBANpB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cAGT,KAAK,EAAA,QAAA,EAAA,4MAAA,EAAA;;;MEAR,WAAW,CAAA;8GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,yECRxB,YAAU,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FDQG,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,cAGZ,KAAK,EAAA,QAAA,EAAA,YAAA,EAAA;;;MEOR,SAAS,CAAA;AANtB,IAAA,WAAA,GAAA;;AASc,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAc,WAAW,CAAC;AACxD,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAc,eAAe,CAAC;AAChE,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAc,eAAe,CAAC;;QAGhE,IAAS,CAAA,SAAA,GAA4B,eAAe;;AAGvD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,CAAC;;QAGtB,IAAI,CAAA,IAAA,GAAW,EAAE;QACjB,IAAQ,CAAA,QAAA,GAAW,EAAE;QACrB,IAAI,CAAA,IAAA,GAAyB,OAAO;;QAGvC,IAAO,CAAA,OAAA,GAAG,MAAM,EAAU;QAC1B,IAAU,CAAA,UAAA,GAAG,MAAM,EAAU;;AAG1B,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,mBAAmB;AA4D5D;;AAzDG,IAAA,IAAc,YAAY,GAAA;AACtB,QAAA,OAAO,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI;AACnC,eAAA,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ;AACvC,eAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;;;AAIpC,IAAA,IAAc,oBAAoB,GAAA;AAC9B,QAAA,OAAO,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI;AACnC,eAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC;;;IAKtB,KAAK,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC;AAClB,aAAA,CAAC;;;;IAMA,QAAQ,GAAA;AACd,QAAA,IAAG,IAAI,CAAC,oBAAoB,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;;;IAMhC,MAAM,IAAI,CAAC,IAA0B,EAAA;AACxC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,MAAM,KAAK,CAAC,KAAK,EAAE;AAEnB,QAAA,IAAG,IAAI,KAAK,UAAU,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE;;AAG3B,aAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AACvB,YAAA,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;;;;IAMzB,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;;;IAKrB,aAAa,GAAA;AAChB,QAAA,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE;;8GAjFxB,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,gmBCbtB,6wFAyFA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FD5Ea,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cAGV,KAAK,EAAA,QAAA,EAAA,6wFAAA,EAAA,MAAA,EAAA,CAAA,6fAAA,CAAA,EAAA;;;MEER,UAAU,CAAA;AANvB,IAAA,WAAA,GAAA;;AASc,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAc,SAAS,CAAC;AACpD,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAY,WAAW,CAAC;AACtD,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAY,eAAe,CAAC;AAC9D,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAc,eAAe,CAAC;AAChE,QAAA,IAAA,CAAA,oBAAoB,GAAG,SAAS,CAAC,QAAQ,CAAc,sBAAsB,CAAC;AAC9E,QAAA,IAAA,CAAA,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAa,aAAa,CAAC;;QAGlD,IAAK,CAAA,KAAA,GAAW,aAAa;QACtC,IAAU,CAAA,UAAA,GAA4B,eAAe;QACrD,IAAQ,CAAA,QAAA,GAAW,EAAE;QACrB,IAAe,CAAA,eAAA,GAAW,EAAE;;AAG/B,QAAA,IAAA,CAAA,OAAO,GAAO,KAAK,CAAS,EAAE,CAAC;AAC/B,QAAA,IAAA,CAAA,IAAI,GAAU,KAAK,CAAM,IAAI,CAAC;AAC9B,QAAA,IAAA,CAAA,KAAK,GAAS,KAAK,CAAgB,IAAI,CAAC;AACxC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAiB,EAAE,CAAC;;QAevC,IAAO,CAAA,OAAA,GAAG,MAAM,EAAU;QAC1B,IAAU,CAAA,UAAA,GAAG,MAAM,EAAU;QAC7B,IAAa,CAAA,aAAA,GAAG,MAAM,EAAgB;QACtC,IAAe,CAAA,eAAA,GAAG,MAAM,EAAU;;AAG/B,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS;AAkFxC;IArGG,IAAa,UAAU,CAAC,KAAc,EAAA;AAClC,QAAA,IAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;AACvB,YAAA,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC;YAE3B,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,MAAK;gBACzC,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE;oBAC9B,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;;AAE9D,aAAC,CAAC;;;;AAeV,IAAA,IAAc,YAAY,GAAA;AACtB,QAAA,OAAO,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI;AACnC,eAAA,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ;AACvC,eAAA,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe;AAC9C,eAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI;AACxB,eAAA,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI;eAC/B,CAAC,IAAI,CAAC,UAAU;AAChB,eAAA,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,eAAe;;;IAKvC,MAAM,cAAc,CAAC,IAAkB,EAAA;AAC7C,QAAA,QAAO,IAAI,CAAC,KAAK;YACb,KAAK,gBAAgB,EAAE;AACnB,gBAAA,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE;AAC3B,gBAAA,MAAM,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;gBACvB,IAAI,CAAC,KAAK,EAAE;gBACZ;;YAGJ,KAAK,SAAS,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE;gBACb;;;;;IAOL,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS,EAAE;;;IAKzB,aAAa,GAAA;AAChB,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,EAAE;;;IAK1B,KAAK,GAAA;QACX,IAAG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE;YAC5B;;QAGJ,IAAG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;AAC7C,YAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,KAAK,EAAE;YACnC;;AAGJ,QAAA,IAAG,IAAI,CAAC,YAAY,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE;;;;IAMxB,aAAa,GAAA;AACnB,QAAA,IAAG,IAAI,CAAC,YAAY,EAAE;AAClB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC9B,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;IAMpC,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE;;;IAKzB,MAAM,IAAI,CAAC,IAA0B,EAAA;QACxC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;;8GAzHtB,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,2/CCbvB,kxDA4DyB,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FD/CZ,UAAU,EAAA,UAAA,EAAA,CAAA;kBANtB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,cAGX,KAAK,EAAA,QAAA,EAAA,kxDAAA,EAAA;8BAwBJ,UAAU,EAAA,CAAA;sBAAtB;;;AEpBQ,MAAA,MAAM,GAAQ;AACvB,IAAA,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE;AACzC,IAAA,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE;AAC3C,IAAA,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;AACrC,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM;;MA0BvB,WAAW,CAAA;8GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,iBAbhB,UAAU;YACV,SAAS;YACT,YAAY;YACZ,QAAQ;AACR,YAAA,WAAW,aAZX,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,gBAAgB;YAChB,gBAAgB;AAChB,YAAA,SAAS,aAUT,UAAU;YACV,YAAY;YACZ,QAAQ;YACR,WAAW,CAAA,EAAA,CAAA,CAAA;AAGN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YArBhB,YAAY;YACZ,YAAY;YACZ,WAAW;YACX,gBAAgB;YAChB,gBAAgB;YAChB,SAAS,CAAA,EAAA,CAAA,CAAA;;2FAgBJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBAvBvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,gBAAgB;wBAChB,gBAAgB;wBAChB;AACH,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,UAAU;wBACV,SAAS;wBACT,YAAY;wBACZ,QAAQ;wBACR,WAAW;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,UAAU;wBACV,YAAY;wBACZ,QAAQ;wBACR,WAAW;AACd;AACJ,iBAAA;;;AC5CD;;AAEG;;;;"}
+{"version":3,"file":"coer-elements-pages.mjs","sources":["../../../projects/coer-elements/pages/lib/coer-menu/coer-menu.component.ts","../../../projects/coer-elements/pages/lib/coer-menu/coer-menu.component.html","../../../projects/coer-elements/pages/lib/home/home.component.ts","../../../projects/coer-elements/pages/lib/home/home.component.html","../../../projects/coer-elements/pages/lib/coer-loading/loading.component.ts","../../../projects/coer-elements/pages/lib/coer-loading/loading.component.html","../../../projects/coer-elements/pages/lib/coer-system/login/login.component.ts","../../../projects/coer-elements/pages/lib/coer-system/login/login.component.html","../../../projects/coer-elements/pages/lib/coer-system/coer-system.component.ts","../../../projects/coer-elements/pages/lib/coer-system/coer-system.component.html","../../../projects/coer-elements/pages/lib/pages.module.ts","../../../projects/coer-elements/pages/coer-elements-pages.ts"],"sourcesContent":["import { Component, effect, WritableSignal } from '@angular/core'; \r\nimport { Page, Tools } from 'coer-elements/tools';  \r\nimport { menuSelectedSIGNAL } from 'coer-elements/signals';\r\nimport { IMenuSelected } from 'coer-elements/interfaces';\r\n\r\n\r\n@Component({\r\n    selector: 'coer-menu-page',\r\n    templateUrl: './coer-menu.component.html', \r\n    styleUrl: './coer-menu.component.scss',\r\n    standalone: false\r\n})\r\nexport class CoerMenuPage extends Page { \r\n     \r\n    //signals\r\n    protected menu: WritableSignal<IMenuSelected | null> = menuSelectedSIGNAL;\r\n\r\n    constructor() { \r\n        super('coer-menu'); \r\n        \r\n        effect(() => {\r\n            const menu = menuSelectedSIGNAL();\r\n            if(Tools.IsNotNull(menu)) this.SetPageFilters({ menu }); \r\n        });\r\n    }    \r\n\r\n\r\n    /** */\r\n    protected override RunPage() {\r\n        if (Tools.IsNotNull(this.pageFilters) && Tools.IsNotNull(this.pageFilters.menu)) { \r\n            menuSelectedSIGNAL.set(this.pageFilters.menu); \r\n            this.SetPageName(this.pageFilters.menu.label);\r\n        } \r\n    }       \r\n}","<!-- Title -->\r\n<coer-page-title\r\n    title=\"Menu\"\r\n    [breadcrumbs]=\"breadcrumbs\"\r\n    [goBack]=\"goBack\"\r\n></coer-page-title>\r\n\r\n@if(IsNotNull(menu())) {\r\n    <div class=\"flex-wrap-left fade-in\">\r\n        @for(page of menu()!.items; track page.id) {  \r\n            <a [routerLink]=\"(page.path!.length > 0) ? page.path : null\" class=\"flex-wrap-item\">\r\n                @if(IsNotOnlyWhiteSpace(page?.icon)) {\r\n                    <i [class]=\"page!.icon\"></i>\r\n                }\r\n                <span> {{ page.label }} </span>\r\n            </a>\r\n        }\r\n    </div>\r\n}","import { Component } from '@angular/core'; \r\nimport { Page } from 'coer-elements/tools';   \r\n\r\n\r\n@Component({\r\n    selector: 'home-page',\r\n    templateUrl: './home.component.html', \r\n    styleUrl: './home.component.scss',\r\n    standalone: false\r\n})\r\nexport class HomePage extends Page {   \r\n \r\n    constructor() { \r\n        super('home'); \r\n    }\r\n}","<!-- Title -->\r\n<coer-page-title\r\n    title=\"Home\"\r\n    [breadcrumbs]=\"breadcrumbs\"\r\n    [goBack]=\"goBack\"\r\n></coer-page-title> \r\n\r\n<section class=\"coer-container\">  \r\n</section>","import { Component } from '@angular/core'; \r\n\r\n@Component({\r\n    selector: 'loading-page',\r\n    templateUrl: './loading.component.html', \r\n    styleUrl: './loading.component.scss',\r\n    standalone: false\r\n})\r\nexport class LoadingPage { \r\n         \r\n}","Loading...","import { Component, input, output, viewChild, WritableSignal } from '@angular/core';     \r\nimport { CoerTextBox } from 'coer-elements/components';\r\nimport { ILogIn } from 'coer-elements/interfaces';\r\nimport { isLoadingSIGNAL } from 'coer-elements/signals';\r\nimport { Tools } from 'coer-elements/tools';\r\n\r\n\r\n@Component({\r\n    selector: 'login-page',\r\n    templateUrl: './login.component.html', \r\n    styleUrl: './login.component.scss',\r\n    standalone: false\r\n})\r\nexport class LoginPage {   \r\n\r\n    //Elements\r\n    protected inputUser = viewChild.required<CoerTextBox>('inputUser');\r\n    protected inputPassword = viewChild.required<CoerTextBox>('inputPassword');\r\n    protected inputRecovery = viewChild.required<CoerTextBox>('inputRecovery');\r\n\r\n    //Signals\r\n    protected isLoading: WritableSignal<boolean> = isLoadingSIGNAL;\r\n\r\n    //Inputs \r\n    public title = input<string>(''); \r\n\r\n    //Variables\r\n    protected user: string = '';\r\n    protected password: string = ''; \r\n    protected show: 'login' | 'recovery' = 'login';\r\n\r\n    //Outputs \r\n    public onLogin = output<ILogIn>();\r\n    public onRecovery = output<string>();\r\n\r\n    //Generic Tools\r\n    protected IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;  \r\n\r\n    //getter\r\n    protected get enableButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this.user)\r\n            && Tools.IsNotOnlyWhiteSpace(this.password)\r\n            && this.password.length >= 6\r\n    }\r\n\r\n    //getter\r\n    protected get enableRecoveryButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this.user) \r\n            && this.user.length >= 6\r\n    }\r\n\r\n    \r\n    /** */\r\n    protected Login() {\r\n        if (this.enableButton) {\r\n            this.onLogin.emit({ \r\n                user: this.user, \r\n                password: this.password \r\n            });\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    protected Recovery() {\r\n        if(this.enableRecoveryButton) {\r\n            this.onRecovery.emit(this.user);\r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public async Show(view: 'login' | 'recovery') {\r\n        this.show = view;\r\n        await Tools.Sleep();\r\n\r\n        if(view === 'recovery') {            \r\n            this.inputRecovery().Focus();\r\n        }\r\n\r\n        else if (view === 'login') {\r\n            this.inputUser().Focus();\r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusUser() {\r\n        this.inputUser().Focus();\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusPassword() {\r\n        this.inputPassword().Select();\r\n    }\r\n}","<div class=\"login-container\">\r\n\r\n    <!-- Title -->\r\n    <div class=\"title\">\r\n        {{ title() }}\r\n    </div>\r\n     \r\n    @if(show === 'login') {\r\n        <section>\r\n            <!-- User -->\r\n            <coer-textbox\r\n                #inputUser\r\n                label=\"User\"\r\n                [(ngModel)]=\"user\"\r\n                [isLoading]=\"isLoading()\" \r\n                marginTop=\"35px\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"15\"\r\n                (onKeyupEnter)=\"inputPassword.Select()\"\r\n            ></coer-textbox>\r\n             \r\n            <!-- Password -->\r\n            <coer-textbox\r\n                #inputPassword\r\n                label=\"Password\"\r\n                [(ngModel)]=\"password\"\r\n                [isLoading]=\"isLoading()\"\r\n                [selectOnFocus]=\"true\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"20\"\r\n                (onKeyupEnter)=\"Login()\"\r\n            ></coer-textbox>   \r\n            \r\n            <!-- Login -->\r\n            <div class=\"text-center\">\r\n                <coer-button\r\n                    color=\"dark\" \r\n                    [isDisabled]=\"!enableButton\"\r\n                    [isLoading]=\"isLoading()\"\r\n                    (onClick)=\"Login()\"\r\n                > Login </coer-button>\r\n            </div>\r\n        </section>\r\n\r\n        <!-- Recover password -->\r\n        <div class=\"recover\" (click)=\"Show('recovery')\">\r\n            Recover password\r\n        </div>\r\n    } \r\n\r\n\r\n    @if(show === 'recovery') {\r\n        <section>\r\n            <!-- Recovery -->\r\n            <coer-textbox\r\n                #inputRecovery\r\n                label=\"User / Email\"\r\n                [(ngModel)]=\"user\"\r\n                [isLoading]=\"isLoading()\" \r\n                marginTop=\"35px\"\r\n                marginBottom=\"35px\"\r\n                [maxLength]=\"15\"\r\n                (onKeyupEnter)=\"Recovery()\"\r\n            ></coer-textbox> \r\n\r\n\r\n            <!--  -->\r\n            <coer-textbox [isInvisible]=\"true\"></coer-textbox>   \r\n\r\n            \r\n            <!-- Login -->\r\n            <div class=\"text-center\">\r\n                <coer-button \r\n                    color=\"dark\" \r\n                    [isDisabled]=\"!enableRecoveryButton\"\r\n                    [isLoading]=\"isLoading()\"\r\n                    marginTop=\"35px\"\r\n                    (onClick)=\"Recovery()\"\r\n                > Recovery </coer-button>\r\n            </div>\r\n        </section>\r\n\r\n        <!-- Recover password -->\r\n        <div class=\"back\" (click)=\"Show('login')\">\r\n            Back\r\n        </div>\r\n    } \r\n</div>\r\n\r\n","import { Component, computed, inject, Input, input, output, signal, viewChild, WritableSignal } from '@angular/core';     \r\nimport { isLoadingSIGNAL, navigationSIGNAL } from 'coer-elements/signals';\r\nimport { IFile, ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';\r\nimport { CoerButton, CoerModal, CoerSidenav, CoerTextBox } from 'coer-elements/components';\r\nimport { CoerAlert, Menu, Tools, User } from 'coer-elements/tools';\r\nimport { LoginPage } from './login/login.component';\r\n\r\n@Component({\r\n    selector: 'coer-system',\r\n    templateUrl: './coer-system.component.html', \r\n    styleUrl: './coer-system.component.scss', \r\n    standalone: false\r\n})\r\nexport class COERSystem {  \r\n\r\n    //Injection\r\n    protected readonly alert = inject(CoerAlert);\r\n\r\n    //Elements\r\n    protected sidenav = viewChild.required<CoerSidenav>('sidenav');\r\n    protected loginPage = viewChild.required<LoginPage>('loginPage'); \r\n    protected modalProfile = viewChild.required<CoerModal>('modalProfile');\r\n    protected modalPassword = viewChild.required<CoerModal>('modalPassword');\r\n    protected inputPassword = viewChild.required<CoerTextBox>('inputPassword');\r\n    protected inputPasswordConfirm = viewChild.required<CoerTextBox>('inputPasswordConfirm');\r\n    protected resetButton = viewChild.required<CoerButton>('resetButton');\r\n\r\n    //Variables\r\n    protected readonly title: string = 'COER System'; \r\n    protected _isLoading: WritableSignal<boolean> = isLoadingSIGNAL; \r\n    protected mainRole: any = null;\r\n    protected nickname: string = '';\r\n    protected password: string = '';\r\n    protected passwordConfirm: string = '';\r\n    protected _userRoles = signal<any[]>([]); \r\n    protected _user      = signal<any>(null);  \r\n    \r\n    //Inputs\r\n    public appName     = input<string>(''); \r\n    public userImage   = input<string | null>(null); \r\n    public toolbarMenu = input<IToolbarMenu[]>([]); \r\n\r\n\r\n    @Input() set user(value: any) {\r\n        if(Tools.IsNotNull(value)) {\r\n            this._user.set(value);  \r\n            \r\n            Tools.Sleep(1000, 'coerSystemGetUser').then(() => { \r\n                if (Tools.IsNotOnlyWhiteSpace(this._user()?.nickname)) {\r\n                    this.nickname = this._user().nickname;\r\n                }\r\n            }); \r\n        }            \r\n    }  \r\n\r\n    @Input() set userRoles(value: any[]) {\r\n        if(Tools.IsNotNull(value)) {\r\n            this._userRoles.set(value);  \r\n            \r\n            Tools.Sleep(1000, 'coerSystemGetUserRoles').then(() => { \r\n                let mainRole: any = this._userRoles().find(x => (x?.id || -1) === (this._user()?.roleId) || null) || null;\r\n                 \r\n                if (Tools.IsNull(mainRole)) {\r\n                    mainRole = this._userRoles().find(x => (x?.name || -1) === (this._user()?.role || null)) || null;\r\n                }\r\n\r\n                if (Tools.IsNotNull(mainRole)) {\r\n                    this.mainRole = mainRole;\r\n                }\r\n            }); \r\n        }            \r\n    }  \r\n\r\n    @Input() set navigation(value: IMenu[]) {\r\n        if(Tools.IsNotNull(value)) {\r\n            navigationSIGNAL.set(value);  \r\n            \r\n            Tools.Sleep(1000, 'coerSystemGetUserNavigation').then(() => { \r\n                if (Tools.IsNotNull(this._user())) {\r\n                    this.sidenav().SetActiveLink(Menu.GetSelectedOption());\r\n                }\r\n            }); \r\n        }            \r\n    }  \r\n\r\n    //Outputs \r\n    public onLogin = output<ILogIn>();\r\n    public onRecovery = output<string>();  \r\n    public onClickOption = output<IToolbarMenu>();\r\n    public onResetPassword = output<string>();\r\n    public onUpdateProfile = output<any>();\r\n    public onUploadUserImage = output<IFile>();\r\n    public onDeleteUserImage = output<void>();\r\n\r\n    //Generic Tools\r\n    protected IsNotNull = Tools.IsNotNull; \r\n    protected IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;\r\n\r\n\r\n    //getter\r\n    protected get enableButton() {\r\n        return Tools.IsNotOnlyWhiteSpace(this._user())\r\n            && Tools.IsNotOnlyWhiteSpace(this.password)\r\n            && Tools.IsNotOnlyWhiteSpace(this.passwordConfirm)\r\n            && this.password.length >= 5\r\n            && this.passwordConfirm.length >= 5\r\n            && !this._isLoading()\r\n            && this.password === this.passwordConfirm\r\n    }\r\n\r\n\r\n    //computed\r\n    protected _toolbarMenu = computed<IToolbarMenu[]>(() => {\r\n        const menu = [...this.toolbarMenu()] as any[]; \r\n\r\n        return [\r\n            { label: 'Profile',        icon: 'fa-solid fa-user'      },\r\n            { label: 'Reset Password', icon: 'fa-solid fa-lock'      },\r\n            { label: 'Log Out',        icon: 'fa-solid fa-door-open' }\r\n        ].concat(menu); \r\n    });\r\n\r\n\r\n    //computed\r\n    protected userName = computed<string>(() => { \r\n        const user = this._user();\r\n\r\n        if (Tools.IsNotNull(user)) {\r\n            if (Tools.IsNotOnlyWhiteSpace(user?.fullName)) return user?.fullName;\r\n\r\n            const name           = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.name)       ? this._user().name           : ''; \r\n            const firstName      = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.firstName)  ? this._user().firstName      : ''; \r\n            const middleName     = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.middleName) ? this._user().middleName     : '';\r\n            const lastName       = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.lastName)   ? this._user().lastName       : ''; \r\n            const secondLastName = Tools.IsNotNull(this._user()) && Tools.IsNotOnlyWhiteSpace(this._user()?.secondName) ? this._user().secondLastName : '';  \r\n            return `${name} ${firstName} ${middleName} ${lastName} ${secondLastName}`;            \r\n        }\r\n    \r\n        return ''; \r\n    });\r\n\r\n\r\n    /** */\r\n    protected async SelectedOption(menu: IToolbarMenu) {\r\n        switch(menu.label) {\r\n            case 'Profile': {\r\n                this.modalProfile().Open();                  \r\n                break;\r\n            }\r\n\r\n            case 'Reset Password': {\r\n                this.modalPassword().Open();\r\n                await Tools.Sleep(1000);\r\n                this.Focus();\r\n                break;\r\n            }\r\n\r\n            case 'Log Out': {\r\n                User.LogOut();\r\n                break;\r\n            } \r\n        }\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusUser() {\r\n        this.loginPage().FocusUser();\r\n    }\r\n\r\n\r\n    /** */\r\n    public FocusPassword() {\r\n        this.loginPage().FocusPassword();\r\n    }\r\n\r\n\r\n    /** */\r\n    protected Focus() {  \r\n        if(Tools.IsOnlyWhiteSpace(this.password)) {\r\n            this.inputPassword().Focus();\r\n            return;\r\n        }\r\n\r\n        if(Tools.IsOnlyWhiteSpace(this.passwordConfirm)) { \r\n            this.inputPasswordConfirm().Focus();\r\n            return;\r\n        } \r\n        \r\n        if(this.enableButton) {\r\n            this.resetButton().Focus();\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    protected ResetPassword() {   \r\n        if(this.enableButton) {\r\n            const password = this.password;\r\n            this.onResetPassword.emit(password);\r\n        } \r\n    }\r\n\r\n\r\n    /** */\r\n    public CloseModal() {\r\n        this.modalPassword().Close();\r\n    }\r\n\r\n\r\n    /** */\r\n    public async Show(view: 'login' | 'recovery') {\r\n        this.loginPage().Show(view);\r\n    }\r\n\r\n\r\n    /** */\r\n    public async UpdateProfile() {\r\n        this.onUpdateProfile.emit({ \r\n            user: this._user()?.user, \r\n            nickname: this.nickname, \r\n            role: this.mainRole \r\n        });\r\n    }\r\n\r\n\r\n    /** */\r\n    public UploadImage(images: IFile[]) {\r\n        if(images.length > 0) {\r\n            const [image] = images; \r\n            this.onUploadUserImage.emit(image);\r\n        }\r\n    }\r\n\r\n    /** */\r\n    public async DeleteUserImage() { \r\n        const response = await this.alert.Confirm(`Remove <b>User Image</b> ?`, 'warning', 'fa-solid fa-trash-can');        \r\n        if(response) this.onDeleteUserImage.emit();\r\n    }\r\n}","@if(IsNotNull(_user())) {\r\n    <coer-toolbar \r\n        [appName]=\"appName()\" \r\n        [user]=\"_user()\" \r\n        [image]=\"userImage()\" \r\n        [menu]=\"_toolbarMenu()\"\r\n        (onClickMenu)=\"sidenav.Toggle()\" \r\n        (onClickOption)=\"SelectedOption($event)\"\r\n    ></coer-toolbar>\r\n    \r\n    <coer-sidenav #sidenav> \r\n        <section> \r\n            <ng-content></ng-content>\r\n        </section> \r\n    </coer-sidenav>\r\n}\r\n\r\n@else {\r\n    <login-page \r\n        #loginPage\r\n        [title]=\"title\" \r\n        (onLogin)=\"onLogin.emit($event)\"\r\n        (onRecovery)=\"onRecovery.emit($event)\"\r\n    ></login-page>\r\n} \r\n\r\n\r\n<!-- Modal Profile -->\r\n<coer-modal #modalProfile [title]=\"userName()\" icon=\"fa-solid fa-user\" width=\"auto\" height=\"350px\" (onClose)=\"null\"> \r\n    <coer-filebox\r\n        type=\"image\"\r\n        [image]=\"{ \r\n            value: IsNotOnlyWhiteSpace(userImage()) ? userImage() : '', \r\n            name: userName(),\r\n            maxWidth: '150px', \r\n            maxHeight: '150px', \r\n            marginBottom: '15px' \r\n        }\"\r\n        [isLoading]=\"_isLoading()\"\r\n        (onSelected)=\"UploadImage($event)\"\r\n        (onDeleteImage)=\"DeleteUserImage()\"\r\n    ></coer-filebox>\r\n    \r\n    <div class=\"d-flex\"> \r\n        <!-- User --> \r\n        <coer-textbox\r\n            label=\"User\"\r\n            [value]=\"_user()?.user\"\r\n            [isReadonly]=\"true\" \r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Email -->         \r\n        <coer-textbox\r\n            label=\"Email\"\r\n            [value]=\"_user()?.email\"\r\n            [isReadonly]=\"true\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-textbox> \r\n    </div> \r\n\r\n    <div class=\"d-flex\"> \r\n        <!-- Nickame --> \r\n        <coer-textbox\r\n            label=\"Nickame\"\r\n            [(ngModel)]=\"nickname\" \r\n            [isLoading]=\"_isLoading()\"\r\n            marginRight=\"15px\"\r\n            marginBottom=\"15px\" \r\n            width=\"250px\"           \r\n        ></coer-textbox>         \r\n        \r\n        <!-- Role -->         \r\n        <coer-selectbox\r\n            label=\"Role\"\r\n            [(ngModel)]=\"mainRole\"\r\n            [dataSource]=\"_userRoles()\"\r\n            [isLoading]=\"_isLoading()\" \r\n            marginBottom=\"15px\"\r\n            width=\"250px\"            \r\n        ></coer-selectbox> \r\n    </div> \r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <coer-button\r\n            #buttonSave\r\n            color=\"dark\"\r\n            icon=\"save\"\r\n            [isLoading]=\"_isLoading()\"\r\n            (onClick)=\"UpdateProfile()\"\r\n        > Update </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<!-- Modal Password -->\r\n<coer-modal #modalPassword title=\"Reset Password\" icon=\"fa-solid fa-lock\" (onClose)=\"password = ''; passwordConfirm = '';\">\r\n    <coer-textbox\r\n        #inputPassword\r\n        label=\"New Password\"\r\n        [(ngModel)]=\"password\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\"\r\n        marginBottom=\"15px\"\r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <coer-textbox\r\n        #inputPasswordConfirm\r\n        label=\"Confirm Password\"\r\n        [(ngModel)]=\"passwordConfirm\"\r\n        [isLoading]=\"_isLoading()\"\r\n        [selectOnFocus]=\"true\" \r\n        (onKeyupEnter)=\"Focus()\"\r\n    ></coer-textbox>\r\n\r\n    <ng-template coerRef=\"footer\">\r\n        <!-- Reset Button -->\r\n        <coer-button\r\n            #resetButton\r\n            color=\"dark\" \r\n            [isDisabled]=\"!enableButton\"\r\n            [isLoading]=\"_isLoading()\" \r\n            (onClick)=\"ResetPassword()\"\r\n        > Reset </coer-button>\r\n    </ng-template>\r\n</coer-modal>\r\n\r\n\r\n<coer-alert></coer-alert> ","import { NgModule } from '@angular/core';    \r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n//Pages \r\nimport { CoerMenuPage } from './coer-menu/coer-menu.component';\r\nimport { ComponentsModule } from 'coer-elements/components';\r\nimport { DirectivesModule } from 'coer-elements/directives';\r\nimport { HomePage } from './home/home.component';\r\nimport { LoadingPage } from './coer-loading/loading.component';\r\nimport { COERSystem } from './coer-system/coer-system.component';\r\nimport { LoginPage } from './coer-system/login/login.component';\r\nimport { CoerAlert } from 'coer-elements/tools';\r\n\r\nexport const ROUTES: any = [ \r\n    { path: 'menu', component: CoerMenuPage },\r\n    { path: 'loading', component: LoadingPage },\r\n    { path: 'home', component: HomePage },\r\n    { path: '**', redirectTo: 'home' }     \r\n];\r\n\r\n@NgModule({    \r\n    imports: [\r\n        CommonModule, \r\n        RouterModule, \r\n        FormsModule, \r\n        ComponentsModule, \r\n        DirectivesModule,\r\n        CoerAlert\r\n    ],\r\n    declarations: [\r\n        COERSystem,\r\n        LoginPage,\r\n        CoerMenuPage,\r\n        HomePage,\r\n        LoadingPage,\r\n    ],\r\n    exports: [ \r\n        COERSystem, \r\n        CoerMenuPage,\r\n        HomePage,\r\n        LoadingPage,\r\n    ]\r\n})\r\nexport class PagesModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i5.LoginPage"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ export interface ILogInResponse {
     user: string;
     nickname: string;
     fullName: string;
+    email: string;
     role: string;
     jwt: string;
     message: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "0.0.115",
+  "version": "0.0.117",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "COER",

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

@@ -1,30 +1,44 @@
 import { WritableSignal } from '@angular/core';
-import { ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';
+import { IFile, ILogIn, IMenu, IToolbarMenu } 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 * as i0 from "@angular/core";
 export declare class COERSystem {
+    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;
     protected _isLoading: WritableSignal<boolean>;
+    protected mainRole: any;
+    protected nickname: string;
     protected password: string;
     protected passwordConfirm: string;
+    protected _userRoles: WritableSignal<any[]>;
+    protected _user: WritableSignal<any>;
     appName: import("@angular/core").InputSignal<string>;
-    user: import("@angular/core").InputSignal<any>;
-    image: import("@angular/core").InputSignal<string | null>;
+    userImage: import("@angular/core").InputSignal<string | null>;
     toolbarMenu: import("@angular/core").InputSignal<IToolbarMenu[]>;
+    set user(value: any);
+    set userRoles(value: any[]);
     set navigation(value: IMenu[]);
     onLogin: import("@angular/core").OutputEmitterRef<ILogIn>;
     onRecovery: import("@angular/core").OutputEmitterRef<string>;
     onClickOption: import("@angular/core").OutputEmitterRef<IToolbarMenu>;
     onResetPassword: import("@angular/core").OutputEmitterRef<string>;
+    onUpdateProfile: import("@angular/core").OutputEmitterRef<any>;
+    onUploadUserImage: import("@angular/core").OutputEmitterRef<IFile>;
+    onDeleteUserImage: import("@angular/core").OutputEmitterRef<void>;
     protected IsNotNull: <T>(value: T | null | undefined) => boolean;
+    protected IsNotOnlyWhiteSpace: <T>(value: T | null | undefined) => boolean;
     protected get enableButton(): boolean;
+    protected _toolbarMenu: import("@angular/core").Signal<IToolbarMenu[]>;
+    protected userName: import("@angular/core").Signal<string>;
     /** */
     protected SelectedOption(menu: IToolbarMenu): Promise<void>;
     /** */
@@ -39,6 +53,12 @@ export declare class COERSystem {
     CloseModal(): void;
     /** */
     Show(view: 'login' | 'recovery'): Promise<void>;
+    /** */
+    UpdateProfile(): Promise<void>;
+    /** */
+    UploadImage(images: IFile[]): void;
+    /** */
+    DeleteUserImage(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<COERSystem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<COERSystem, "coer-system", never, { "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "toolbarMenu": { "alias": "toolbarMenu"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; }; }, { "onLogin": "onLogin"; "onRecovery": "onRecovery"; "onClickOption": "onClickOption"; "onResetPassword": "onResetPassword"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<COERSystem, "coer-system", never, { "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "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>;
 }