coer-elements 1.0.18 → 1.1.1

package/fesm2022/coer-elements-pages.mjs

@@ -0,0 +1,441 @@
+import * as i0 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, 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';
+import * as i3 from 'coer-elements/directives';
+import { DirectivesModule } from 'coer-elements/directives';
+
+class CoerMenuPage extends Page {
+    constructor() {
+        super('coer-menu');
+        //signals
+        this.menu = menuSelectedSIGNAL;
+        effect(() => {
+            const menu = menuSelectedSIGNAL();
+            if (Tools.IsNotNull(menu))
+                this.SetPageFilters({ menu });
+        });
+    }
+    /** */
+    RunPage() {
+        if (Tools.IsNotNull(this.pageFilters) && Tools.IsNotNull(this.pageFilters.menu)) {
+            menuSelectedSIGNAL.set(this.pageFilters.menu);
+            this.SetPageName(this.pageFilters.menu.label);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerMenuPage, isStandalone: false, selector: "coer-menu-page", usesInheritance: true, ngImport: i0, template: "<!-- 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}", styles: ["div.flex-wrap-left{margin:30px 30px 0;gap:30px!important}a.flex-wrap-item{border:3px ridge rgba(128,128,128,.2588235294);width:180px!important;max-width:auto!important;height:150px!important;max-height:150px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;gap:5px;font-weight:700;border-radius:5px;color:var(--black)!important}a.flex-wrap-item i{font-size:x-large}a.flex-wrap-item:hover{transform:scale(1.02);box-shadow:0 0 15px -4px var(--orange);border-color:var(--orange);border-width:1px;color:var(--orange)!important}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.CoerPageTitle, selector: "coer-page-title", inputs: ["title", "showNavigation", "breadcrumbs", "goBack", "information"], outputs: ["onClickInformation"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-menu-page', standalone: false, template: "<!-- 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}", styles: ["div.flex-wrap-left{margin:30px 30px 0;gap:30px!important}a.flex-wrap-item{border:3px ridge rgba(128,128,128,.2588235294);width:180px!important;max-width:auto!important;height:150px!important;max-height:150px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;gap:5px;font-weight:700;border-radius:5px;color:var(--black)!important}a.flex-wrap-item i{font-size:x-large}a.flex-wrap-item:hover{transform:scale(1.02);box-shadow:0 0 15px -4px var(--orange);border-color:var(--orange);border-width:1px;color:var(--orange)!important}\n"] }]
+        }], ctorParameters: () => [] });
+
+class HomePage extends Page {
+    constructor() {
+        super('home');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: HomePage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: HomePage, isStandalone: false, selector: "home-page", usesInheritance: true, ngImport: i0, template: "<!-- 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>", styles: [""], dependencies: [{ kind: "component", type: i2.CoerPageTitle, selector: "coer-page-title", inputs: ["title", "showNavigation", "breadcrumbs", "goBack", "information"], outputs: ["onClickInformation"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: HomePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'home-page', standalone: false, template: "<!-- 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>" }]
+        }], ctorParameters: () => [] });
+
+class LoadingPage {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoadingPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: LoadingPage, isStandalone: false, selector: "loading-page", ngImport: i0, template: "Loading...", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoadingPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'loading-page', standalone: false, template: "Loading..." }]
+        }] });
+
+class LoginPage {
+    constructor() {
+        //Elements
+        this.inputUser = viewChild.required('inputUser');
+        this.inputPassword = viewChild.required('inputPassword');
+        this.inputRecovery = viewChild.required('inputRecovery');
+        //Signals
+        this.isLoading = isLoadingSIGNAL;
+        //Inputs 
+        this.title = input('');
+        //Variables
+        this.user = '';
+        this.password = '';
+        this.show = 'login';
+        //Outputs 
+        this.onLogin = output();
+        this.onRecovery = output();
+        //Generic Tools
+        this.IsNotOnlyWhiteSpace = Tools.IsNotOnlyWhiteSpace;
+    }
+    //getter
+    get enableButton() {
+        return Tools.IsNotOnlyWhiteSpace(this.user)
+            && Tools.IsNotOnlyWhiteSpace(this.password)
+            && this.password.length >= 6;
+    }
+    //getter
+    get enableRecoveryButton() {
+        return Tools.IsNotOnlyWhiteSpace(this.user)
+            && this.user.length >= 6;
+    }
+    /** */
+    Login() {
+        if (this.enableButton) {
+            this.onLogin.emit({
+                user: this.user,
+                password: this.password
+            });
+        }
+    }
+    /** */
+    Recovery() {
+        if (this.enableRecoveryButton) {
+            this.onRecovery.emit(this.user);
+        }
+    }
+    /** */
+    async Show(view) {
+        this.show = view;
+        await Tools.Sleep();
+        if (view === 'recovery') {
+            this.inputRecovery().Focus();
+        }
+        else if (view === 'login') {
+            this.inputUser().Focus();
+        }
+    }
+    /** */
+    FocusUser() {
+        this.inputUser().Focus();
+    }
+    /** */
+    FocusPassword() {
+        this.inputPassword().Select();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoginPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: LoginPage, isStandalone: false, selector: "login-page", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLogin: "onLogin", onRecovery: "onRecovery" }, viewQueries: [{ propertyName: "inputUser", first: true, predicate: ["inputUser"], descendants: true, isSignal: true }, { propertyName: "inputPassword", first: true, predicate: ["inputPassword"], descendants: true, isSignal: true }, { propertyName: "inputRecovery", first: true, predicate: ["inputRecovery"], descendants: true, isSignal: true }], ngImport: i0, template: "<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", styles: [".login-container{position:relative;border:1px solid black;border-radius:25px;min-width:400px;max-width:400px;margin:35px auto auto;padding:35px}.login-container .title{display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;color:var(--orange)}.login-container .back,.login-container .recover{position:absolute;left:20px;bottom:-25px;font-size:small;font-weight:700;color:gray;cursor:pointer}.login-container .back:hover,.login-container .recover:hover{transform:scale(1.01)}\n"], 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", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: i2.CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: LoginPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'login-page', standalone: false, template: "<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", styles: [".login-container{position:relative;border:1px solid black;border-radius:25px;min-width:400px;max-width:400px;margin:35px auto auto;padding:35px}.login-container .title{display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;color:var(--orange)}.login-container .back,.login-container .recover{position:absolute;left:20px;bottom:-25px;font-size:small;font-weight:700;color:gray;cursor:pointer}.login-container .back:hover,.login-container .recover:hover{transform:scale(1.01)}\n"] }]
+        }] });
+
+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');
+        this.resetButton = viewChild.required('resetButton');
+        //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.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 = null;
+                //id & name
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.id == 'number')
+                        && (typeof x?.name == 'string')
+                        && x.id === (this._user()?.roleId)) || null;
+                }
+                //id & name
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.id == 'number')
+                        && (typeof x?.name == 'string')
+                        && x.name === (this._user()?.role)) || null;
+                }
+                //roleId & name
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.roleId == 'number')
+                        && (typeof x?.name == 'string')
+                        && x.roleId === (this._user()?.roleId)) || null;
+                }
+                //roleId & name
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.roleId == 'number')
+                        && (typeof x?.name == 'string')
+                        && x.name === (this._user()?.role)) || null;
+                }
+                //id & role
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.id == 'number')
+                        && (typeof x?.role == 'string')
+                        && x.id === (this._user()?.roleId)) || null;
+                }
+                //id & role
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.id == 'number')
+                        && (typeof x?.role == 'string')
+                        && x.role === (this._user()?.role)) || null;
+                }
+                //roleId & role
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.roleId == 'number')
+                        && (typeof x?.role == 'string')
+                        && x.roleId === (this._user()?.roleId)) || null;
+                }
+                //roleId & role
+                if (Tools.IsNull(mainRole)) {
+                    mainRole = this._userRoles().find(x => (typeof x?.roleId == 'number')
+                        && (typeof x?.role == 'string')
+                        && x.role === (this._user()?.role)) || null;
+                }
+                //Response
+                if (Tools.IsNotNull(mainRole)) {
+                    this.mainRole = mainRole;
+                }
+            });
+        }
+    }
+    set navigation(value) {
+        if (Tools.IsNotNull(value)) {
+            navigationSIGNAL.set(value);
+            Tools.Sleep(1000, 'coerSystemGetUserNavigation').then(() => {
+                if (Tools.IsNotNull(this._user())) {
+                    this.sidenav().SetActiveLink(Menu.GetSelectedOption());
+                }
+            });
+        }
+    }
+    //getter
+    get enableButton() {
+        return Tools.IsNotOnlyWhiteSpace(this._user())
+            && Tools.IsNotOnlyWhiteSpace(this.password)
+            && Tools.IsNotOnlyWhiteSpace(this.passwordConfirm)
+            && this.password.length >= 5
+            && this.passwordConfirm.length >= 5
+            && !this._isLoading()
+            && this.password === this.passwordConfirm;
+    }
+    /** */
+    async SelectedOption(menu) {
+        this.onClickOption.emit(menu);
+        switch (menu.label) {
+            case 'Profile': {
+                this.modalProfile().Open();
+                break;
+            }
+            case 'Reset Password': {
+                this.modalPassword().Open();
+                await Tools.Sleep(1000);
+                this.Focus();
+                break;
+            }
+            case 'Log Out': {
+                User.LogOut();
+                break;
+            }
+        }
+    }
+    /** */
+    FocusUser() {
+        this.loginPage().FocusUser();
+    }
+    /** */
+    FocusPassword() {
+        this.loginPage().FocusPassword();
+    }
+    /** */
+    Focus() {
+        if (Tools.IsOnlyWhiteSpace(this.password)) {
+            this.inputPassword().Focus();
+            return;
+        }
+        if (Tools.IsOnlyWhiteSpace(this.passwordConfirm)) {
+            this.inputPasswordConfirm().Focus();
+            return;
+        }
+        if (this.enableButton) {
+            this.resetButton().Focus();
+        }
+    }
+    /** */
+    ResetPassword() {
+        if (this.enableButton) {
+            const password = this.password;
+            this.onResetPassword.emit(password);
+        }
+    }
+    /** */
+    CloseModal() {
+        this.modalPassword().Close();
+        this.modalProfile().Close();
+    }
+    /** */
+    async Show(view) {
+        this.loginPage().Show(view);
+    }
+    /** */
+    async UpdateProfile() {
+        this.onUpdateProfile.emit({
+            user: Tools.AvoidNull(this._user()?.user, 'string'),
+            nickname: Tools.AvoidNull(this.nickname, 'string'),
+            roleId: Tools.AvoidNull(this.mainRole?.id, 'number'),
+            role: Tools.AvoidNull(this.mainRole?.name, 'string')
+        });
+    }
+    /** */
+    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 }, 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    <!-- 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                allowExpand: false \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@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<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", "path", "animation", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "height", "minHeight", "marginTop", "marginRight", "marginBottom", "marginLeft", "tooltipPosition", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: i2.CoerFilebox, selector: "coer-filebox", inputs: ["type", "multiple", "isLoading", "isDisabled", "isReadonly", "isInvisible", "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", "placeholder", "isInvalid", "isValid", "dataSource", "propDisplay", "rowsByPage", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onSelected", "onUnselect"] }, { kind: "component", type: i2.CoerTextBox, selector: "coer-textbox", inputs: ["value", "id", "label", "placeholder", "textPosition", "minLength", "maxLength", "isInvalid", "isValid", "externalButton", "selectOnFocus", "showClearIcon", "showSearchIcon", "isLoading", "isDisabled", "isReadonly", "isInvisible", "width", "minWidth", "maxWidth", "marginTop", "marginRight", "marginBottom", "marginLeft"], outputs: ["onKeyupEnter", "onInput", "onClickClear", "onClickSearch", "onClickExternalButton"] }, { 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]=\"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    <!-- 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                allowExpand: false \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@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<coer-alert></coer-alert> " }]
+        }], propDecorators: { user: [{
+                type: Input
+            }], userRoles: [{
+                type: Input
+            }], navigation: [{
+                type: Input
+            }] } });
+
+const ROUTES = [
+    { path: 'menu', component: CoerMenuPage, data: { Page: 'COER' } },
+    { path: 'loading', component: LoadingPage, data: { Page: 'COER' } },
+    { path: 'home', component: HomePage, data: { Page: 'COER' } },
+    { path: '**', redirectTo: '/home' }
+];
+class PagesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.1", ngImport: i0, type: PagesModule, declarations: [COERSystem,
+            LoginPage,
+            CoerMenuPage,
+            HomePage,
+            LoadingPage], imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ComponentsModule,
+            DirectivesModule,
+            CoerAlert], exports: [COERSystem,
+            CoerMenuPage,
+            HomePage,
+            LoadingPage] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PagesModule, imports: [CommonModule,
+            RouterModule,
+            FormsModule,
+            ComponentsModule,
+            DirectivesModule,
+            CoerAlert] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: PagesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        FormsModule,
+                        ComponentsModule,
+                        DirectivesModule,
+                        CoerAlert
+                    ],
+                    declarations: [
+                        COERSystem,
+                        LoginPage,
+                        CoerMenuPage,
+                        HomePage,
+                        LoadingPage,
+                    ],
+                    exports: [
+                        COERSystem,
+                        CoerMenuPage,
+                        HomePage,
+                        LoadingPage,
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COERSystem, CoerMenuPage, HomePage, LoadingPage, PagesModule, ROUTES };
+//# sourceMappingURL=coer-elements-pages.mjs.map

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

@@ -0,0 +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, 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\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 = null;\r\n\r\n                //id & name\r\n                if (Tools.IsNull(mainRole)) { \r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.id == 'number') \r\n                        && (typeof x?.name == 'string') \r\n                        && x.id === (this._user()?.roleId)\r\n                    ) || null;\r\n                }\r\n                 \r\n                //id & name\r\n                if (Tools.IsNull(mainRole)) {\r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.id == 'number') \r\n                        && (typeof x?.name == 'string') \r\n                        && x.name === (this._user()?.role)\r\n                    ) || null;\r\n                }\r\n\r\n                //roleId & name\r\n                if (Tools.IsNull(mainRole)) { \r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.roleId == 'number') \r\n                        && (typeof x?.name == 'string') \r\n                        && x.roleId === (this._user()?.roleId)\r\n                    ) || null;\r\n                }\r\n                 \r\n                //roleId & name\r\n                if (Tools.IsNull(mainRole)) {\r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.roleId == 'number') \r\n                        && (typeof x?.name == 'string') \r\n                        && x.name === (this._user()?.role)\r\n                    ) || null;\r\n                }\r\n\r\n                //id & role\r\n                if (Tools.IsNull(mainRole)) { \r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.id == 'number') \r\n                        && (typeof x?.role == 'string') \r\n                        && x.id === (this._user()?.roleId)\r\n                    ) || null;\r\n                }\r\n                 \r\n                //id & role\r\n                if (Tools.IsNull(mainRole)) {\r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.id == 'number') \r\n                        && (typeof x?.role == 'string') \r\n                        && x.role === (this._user()?.role)\r\n                    ) || null;\r\n                }    \r\n                                \r\n                //roleId & role\r\n                if (Tools.IsNull(mainRole)) { \r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.roleId == 'number') \r\n                        && (typeof x?.role == 'string') \r\n                        && x.roleId === (this._user()?.roleId)\r\n                    ) || null;\r\n                }\r\n                 \r\n                //roleId & role\r\n                if (Tools.IsNull(mainRole)) {\r\n                    mainRole = this._userRoles().find(\r\n                        x => (typeof x?.roleId == 'number') \r\n                        && (typeof x?.role == 'string') \r\n                        && x.role === (this._user()?.role)\r\n                    ) || null;\r\n                } \r\n\r\n                //Response\r\n                if (Tools.IsNotNull(mainRole)) {\r\n                    this.mainRole = mainRole;\r\n                }\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        this.onClickOption.emit(menu); \r\n\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        this.modalProfile().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: Tools.AvoidNull(this._user()?.user, 'string'), \r\n            nickname: Tools.AvoidNull(this.nickname, 'string'),\r\n            roleId: Tools.AvoidNull(this.mainRole?.id, 'number'), \r\n            role: Tools.AvoidNull(this.mainRole?.name, 'string') \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    /** */\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    <!-- 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                allowExpand: false \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@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<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, data: { Page: 'COER' }},\r\n    { path: 'loading', component: LoadingPage,  data: { Page: 'COER' }},\r\n    { path: 'home',    component: HomePage,     data: { Page: 'COER' }},\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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"}