coer-elements 0.0.95 → 0.0.97

Sign up to get free protection for your applications and to get access to all the features.
Files changed (23) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +2 -2
  2. package/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
  3. package/components/lib/coer-dropdown/coer-dropdown.component.d.ts +1 -1
  4. package/components/lib/coer-grid/coer-grid.extension.d.ts +2 -0
  5. package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
  6. package/components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.d.ts +7 -3
  7. package/components/lib/coer-switch/coer-switch.component.d.ts +1 -1
  8. package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
  9. package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
  10. package/fesm2022/coer-elements-components.mjs +32 -26
  11. package/fesm2022/coer-elements-components.mjs.map +1 -1
  12. package/fesm2022/coer-elements-pages.mjs +2 -2
  13. package/fesm2022/coer-elements-pages.mjs.map +1 -1
  14. package/fesm2022/coer-elements-tools.mjs +50 -10
  15. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  16. package/interfaces/lib/login-response.interface.d.ts +1 -0
  17. package/interfaces/lib/screen-size.interface.d.ts +1 -1
  18. package/package.json +1 -1
  19. package/styles/angular-material.scss +1 -2
  20. package/styles/coer-elements.css +28 -10
  21. package/styles/index.scss +27 -1
  22. package/tools/lib/elements-html.class.d.ts +6 -0
  23. package/tools/public-api.d.ts +1 -0
package/fesm2022/coer-elements-pages.mjs CHANGED
@@ -30,11 +30,11 @@ class CoerMenuPage extends Page {
30
30
  }
31
31
  }
32
32
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- 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:1px ridge gray;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);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", "showInformation"] }] }); }
33
+ 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", "showInformation"] }] }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerMenuPage, decorators: [{
36
36
  type: Component,
37
- 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:1px ridge gray;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);color:var(--orange)!important}\n"] }]
37
+ 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"] }]
38
38
  }], ctorParameters: () => [] });
39
39
 
40
40
  class HomePage extends Page {
package/fesm2022/coer-elements-pages.mjs.map CHANGED
@@ -1 +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-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, 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\r\n //Signals\r\n protected isLoading: WritableSignal<boolean> = isLoadingSIGNAL;\r\n\r\n //Inputs \r\n public title = input<string>(''); \r\n protected user: string = '';\r\n protected password: string = '';\r\n\r\n //Outputs \r\n public onLogin = output<ILogIn>();\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 \r\n /** */\r\n protected Login() {\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 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 <!-- 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</div>","import { Component, Input, input, output, viewChild } from '@angular/core'; \r\nimport { navigationSIGNAL } from 'coer-elements/signals';\r\nimport { ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';\r\nimport { CoerSidenav } from 'coer-elements/components';\r\nimport { Menu, Tools } 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\r\n //Variables\r\n protected title: string = 'COER System'; \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 onClickUser = output<void>();\r\n public onClickOption = output<IToolbarMenu>();\r\n\r\n //Generic Tools\r\n protected IsNotNull = Tools.IsNotNull;\r\n\r\n /** */\r\n protected Login(login: ILogIn) {\r\n this.onLogin.emit(login); \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}","@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 (onClickUser)=\"onClickUser.emit()\"\r\n (onClickOption)=\"onClickOption.emit($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)=\"Login($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 { HomePage } from './home/home.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: '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 CoerAlert\r\n ],\r\n declarations: [\r\n COERSystem,\r\n LoginPage,\r\n CoerMenuPage,\r\n HomePage\r\n ],\r\n exports: [ \r\n COERSystem, \r\n CoerMenuPage,\r\n HomePage,\r\n ]\r\n})\r\nexport class PagesModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3.LoginPage"],"mappings":"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"}
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-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, 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\r\n //Signals\r\n protected isLoading: WritableSignal<boolean> = isLoadingSIGNAL;\r\n\r\n //Inputs \r\n public title = input<string>(''); \r\n protected user: string = '';\r\n protected password: string = '';\r\n\r\n //Outputs \r\n public onLogin = output<ILogIn>();\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 \r\n /** */\r\n protected Login() {\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 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 <!-- 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</div>","import { Component, Input, input, output, viewChild } from '@angular/core'; \r\nimport { navigationSIGNAL } from 'coer-elements/signals';\r\nimport { ILogIn, IMenu, IToolbarMenu } from 'coer-elements/interfaces';\r\nimport { CoerSidenav } from 'coer-elements/components';\r\nimport { Menu, Tools } 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\r\n //Variables\r\n protected title: string = 'COER System'; \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 onClickUser = output<void>();\r\n public onClickOption = output<IToolbarMenu>();\r\n\r\n //Generic Tools\r\n protected IsNotNull = Tools.IsNotNull;\r\n\r\n /** */\r\n protected Login(login: ILogIn) {\r\n this.onLogin.emit(login); \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}","@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 (onClickUser)=\"onClickUser.emit()\"\r\n (onClickOption)=\"onClickOption.emit($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)=\"Login($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 { HomePage } from './home/home.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: '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 CoerAlert\r\n ],\r\n declarations: [\r\n COERSystem,\r\n LoginPage,\r\n CoerMenuPage,\r\n HomePage\r\n ],\r\n exports: [ \r\n COERSystem, \r\n CoerMenuPage,\r\n HomePage,\r\n ]\r\n})\r\nexport class PagesModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3.LoginPage"],"mappings":"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"}
package/fesm2022/coer-elements-tools.mjs CHANGED
@@ -738,6 +738,39 @@ class DateTime {
738
738
  }
739
739
  }
740
740
 
741
+ const ElementsHTML = {
742
+ /** Get width in px */
743
+ GetElementWidth: (element, ...args) => {
744
+ let width = 0;
745
+ if (Tools.IsNotNull(element) && Tools.IsNotOnlyWhiteSpace(element?.offsetWidth)) {
746
+ width += element.offsetWidth;
747
+ for (const arg of args) {
748
+ if (typeof arg == 'number')
749
+ width += arg;
750
+ else if (Tools.IsNotNull(arg) && Tools.IsNotOnlyWhiteSpace(arg?.offsetWidth)) {
751
+ width += arg.offsetWidth;
752
+ }
753
+ }
754
+ }
755
+ return `${width}px`;
756
+ },
757
+ /** Get height in px */
758
+ GetElementHeight: (element, ...args) => {
759
+ let height = 0;
760
+ if (Tools.IsNotNull(element) && Tools.IsNotOnlyWhiteSpace(element?.offsetHeight)) {
761
+ height += element.offsetHeight;
762
+ for (const arg of args) {
763
+ if (typeof arg == 'number')
764
+ height += arg;
765
+ else if (Tools.IsNotNull(arg) && Tools.IsNotOnlyWhiteSpace(arg?.offsetHeight)) {
766
+ height += arg.offsetHeight;
767
+ }
768
+ }
769
+ }
770
+ return `${height}px`;
771
+ },
772
+ };
773
+
741
774
  class Files {
742
775
  static { this.EXCEL_EXTENSIONS = ['xls', 'xlsx', 'csv']; }
743
776
  /** Get Extension File */
@@ -1239,24 +1272,31 @@ class Screen {
1239
1272
  }
1240
1273
  /** */
1241
1274
  static { this.Resize = new Observable(subscriber => {
1242
- window.addEventListener("load", () => {
1243
- window.dispatchEvent(new Event('resize'));
1244
- });
1245
- window.onresize = () => {
1275
+ const handleResize = () => {
1246
1276
  subscriber.next({
1247
- width: this.WINDOW_WIDTH,
1248
- height: this.WINDOW_HEIGHT,
1249
- breakpoin: this.BREAKPOINT
1277
+ width: window.innerWidth,
1278
+ height: window.innerHeight,
1279
+ breakpoint: this.BREAKPOINT
1250
1280
  });
1251
1281
  };
1282
+ window.addEventListener("resize", handleResize);
1283
+ window.addEventListener("load", handleResize);
1284
+ return () => {
1285
+ window.removeEventListener("resize", handleResize);
1286
+ window.removeEventListener("load", handleResize);
1287
+ };
1252
1288
  }); }
1253
1289
  /** */
1254
1290
  static { this.BackButtonBrowser = new Observable(subscriber => {
1255
- window.addEventListener('popstate', popStateEvent => {
1291
+ const handlePopState = (popStateEvent) => {
1256
1292
  if (popStateEvent.state && popStateEvent.target) {
1257
1293
  subscriber.next(popStateEvent.target.location.href);
1258
1294
  }
1259
- });
1295
+ };
1296
+ window.addEventListener('popstate', handlePopState);
1297
+ return () => {
1298
+ window.removeEventListener('popstate', handlePopState);
1299
+ };
1260
1300
  }); }
1261
1301
  }
1262
1302
 
@@ -1723,5 +1763,5 @@ class Service {
1723
1763
  * Generated bundle index. Do not edit.
1724
1764
  */
1725
1765
 
1726
- export { Breadcrumbs, CONTROL_VALUE, CoerAlert, Colors, ControlValue, DateTime, Files, Filters, GridTemplates, Menu, Page, Screen, Section, Service, Source, Tools, User };
1766
+ export { Breadcrumbs, CONTROL_VALUE, CoerAlert, Colors, ControlValue, DateTime, ElementsHTML, Files, Filters, GridTemplates, Menu, Page, Screen, Section, Service, Source, Tools, User };
1727
1767
  //# sourceMappingURL=coer-elements-tools.mjs.map