keevo-components 1.5.137 → 1.5.138

package/fesm2020/keevo-components.mjs

@@ -4,7 +4,7 @@ import { Subject, of, combineLatest, filter, finalize } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
-import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import * as i4 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import * as i1$1 from 'primeng/dynamicdialog';
@@ -3622,6 +3622,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 }]
         }] });
 
+class LoginComponent {
+    constructor(formBuilder) {
+        this.formBuilder = formBuilder;
+        this.onLogin = new EventEmitter();
+    }
+    ngOnInit() {
+        this.loginForm = this.formBuilder.group({
+            usuario: ['', Validators.required],
+            senha: ['', Validators.required]
+        });
+    }
+    login() {
+        this.onLogin.emit(this.loginForm.value);
+    }
+}
+LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: LoginComponent, selector: "kv-login", inputs: { Background: "Background", SystemLogo: "SystemLogo", SystemColorPrimary: "SystemColorPrimary", SystemColorSecondary: "SystemColorSecondary" }, outputs: { onLogin: "onLogin" }, ngImport: i0, template: "<div id=\"login-container\"\r\n    class=\"flex justify-content-center align-items-center login-container flex-column h-screen \" [style.background-image]=\"'url(' + Background + ')'\">\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div [formGroup]=\" loginForm\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.px]=\"300\" [style.height.px]=\"435\">\r\n\r\n\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img alt=\"LogoSistema\" [style.height.rem]=\"4\" [src]=\"SystemLogo\" />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-4 p-3\">\r\n\r\n            <div class=\" w-full \">\r\n                <img [style.height.rem]=\"2.5\" class=\"ml-2\" alt=\"keepass\" src=\"./assets/images/keepass-logo.png\" />\r\n            </div>\r\n\r\n            <kv-input-text componentId=\"usuario\" label=\"CPF ou Email\" formControlName=\"usuario\" class=\"field col-12\">\r\n            </kv-input-text>\r\n\r\n            <kv-input-password componentId=\"senha\" label=\"Senha\" [toggleMask]=\"true\" formControlName=\"senha\"\r\n                [required]=\"true\" class=\"field col-12\">\r\n            </kv-input-password>\r\n\r\n            <div class=\"flex w-full justify-content-end esqueceu-senha\">\r\n                <a href=\"https://inovacao.evopass.seg.br/redefinirsenha\" target=\"_blank\" style=\"font-size: smaller;\" [style.color]=\"SystemColorPrimary\">Esqueceu a senha?</a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button \r\n            id=\"login-button\" \r\n            [style.background-color]=\"SystemColorPrimary\" \r\n            [style.color]=\"'white'\" \r\n            class=\"w-full \" \r\n            (click)=\"login()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <p [style.color]=\"SystemColorSecondary\">N\u00E3o possui um Evopass? <a href=\"https://inovacao.evopass.seg.br/redefinirsenha\" target=\"_blank\" [style.color]=\"SystemColorSecondary\" >Cadastre-se</a>\r\n    </p>\r\n\r\n    <div class=\"flex justify-content-center align-items-center mt-5\">\r\n        <img src=\"./assets/images/keevo-logo.png\" [style.height.rem]=\"4\" />\r\n    </div>\r\n\r\n</div>", styles: ["#login-container{font-family:Roboto,Helvetica Neue,sans-serif;background:no-repeat center;background-size:cover}#mssg-erro{position:fixed;top:0;right:0;margin-right:1rem}.loading-indicator{position:fixed;z-index:999;height:3em;width:3em;overflow:show;margin:auto;inset:0}.loading-indicator:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000087}.esqueceu-senha{position:relative;bottom:15px}a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px}#login-button{width:100%;height:2.5rem;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#login-button:hover{opacity:.9}:host ::ng-deep .progress-spinner .p-progress-spinner-circle{animation:spinner-color 3s ease-in-out infinite}@keyframes spinner-color{0%,to{stroke:#090127}}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: InputPasswordComponent, selector: "kv-input-password", inputs: ["feedback", "mediumRegex", "strongRegex", "toggleMask"] }, { kind: "component", type: InputTextComponent, selector: "kv-input-text" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-login', template: "<div id=\"login-container\"\r\n    class=\"flex justify-content-center align-items-center login-container flex-column h-screen \" [style.background-image]=\"'url(' + Background + ')'\">\r\n\r\n    <!-- CARD PRINCIPAL -->\r\n    <div [formGroup]=\" loginForm\"\r\n        class=\"flex flex-column align-items-center justify-content-between bg-white border-round-xl \"\r\n        [style.width.px]=\"300\" [style.height.px]=\"435\">\r\n\r\n\r\n        <div class=\"flex flex-row align-items-center justify-content-center p-3 mt-2\">\r\n            <img alt=\"LogoSistema\" [style.height.rem]=\"4\" [src]=\"SystemLogo\" />\r\n        </div>\r\n\r\n        <!-- INFORMA\u00C7\u00D5ES CENTRAIS -->\r\n        <div class=\" grid formgrid p-fluid gap-4 p-3\">\r\n\r\n            <div class=\" w-full \">\r\n                <img [style.height.rem]=\"2.5\" class=\"ml-2\" alt=\"keepass\" src=\"./assets/images/keepass-logo.png\" />\r\n            </div>\r\n\r\n            <kv-input-text componentId=\"usuario\" label=\"CPF ou Email\" formControlName=\"usuario\" class=\"field col-12\">\r\n            </kv-input-text>\r\n\r\n            <kv-input-password componentId=\"senha\" label=\"Senha\" [toggleMask]=\"true\" formControlName=\"senha\"\r\n                [required]=\"true\" class=\"field col-12\">\r\n            </kv-input-password>\r\n\r\n            <div class=\"flex w-full justify-content-end esqueceu-senha\">\r\n                <a href=\"https://inovacao.evopass.seg.br/redefinirsenha\" target=\"_blank\" style=\"font-size: smaller;\" [style.color]=\"SystemColorPrimary\">Esqueceu a senha?</a>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <button \r\n            id=\"login-button\" \r\n            [style.background-color]=\"SystemColorPrimary\" \r\n            [style.color]=\"'white'\" \r\n            class=\"w-full \" \r\n            (click)=\"login()\"\r\n            [style.height.px]=\"50\"\r\n        ><strong>Login</strong></button>\r\n    </div>\r\n\r\n    <p [style.color]=\"SystemColorSecondary\">N\u00E3o possui um Evopass? <a href=\"https://inovacao.evopass.seg.br/redefinirsenha\" target=\"_blank\" [style.color]=\"SystemColorSecondary\" >Cadastre-se</a>\r\n    </p>\r\n\r\n    <div class=\"flex justify-content-center align-items-center mt-5\">\r\n        <img src=\"./assets/images/keevo-logo.png\" [style.height.rem]=\"4\" />\r\n    </div>\r\n\r\n</div>", styles: ["#login-container{font-family:Roboto,Helvetica Neue,sans-serif;background:no-repeat center;background-size:cover}#mssg-erro{position:fixed;top:0;right:0;margin-right:1rem}.loading-indicator{position:fixed;z-index:999;height:3em;width:3em;overflow:show;margin:auto;inset:0}.loading-indicator:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000087}.esqueceu-senha{position:relative;bottom:15px}a{text-decoration:none;font-weight:500;cursor:pointer;gap:3px}#login-button{width:100%;height:2.5rem;border-radius:0 0 10px 10px;border:none;cursor:pointer;font-size:14px;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s}#login-button:hover{opacity:.9}:host ::ng-deep .progress-spinner .p-progress-spinner-circle{animation:spinner-color 3s ease-in-out infinite}@keyframes spinner-color{0%,to{stroke:#090127}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.FormBuilder }]; }, propDecorators: { Background: [{
+                type: Input
+            }], SystemLogo: [{
+                type: Input
+            }], SystemColorPrimary: [{
+                type: Input
+            }], SystemColorSecondary: [{
+                type: Input
+            }], onLogin: [{
+                type: Output
+            }] } });
+
+class KvLoginModule {
+}
+KvLoginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KvLoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, declarations: [LoginComponent], imports: [CommonModule,
+        PrimeNgModule,
+        FormsModule,
+        ReactiveFormsModule,
+        KvInputsModule,
+        KvButtonsModule,
+        ProgressSpinnerModule], exports: [LoginComponent] });
+KvLoginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, imports: [CommonModule,
+        PrimeNgModule,
+        FormsModule,
+        ReactiveFormsModule,
+        KvInputsModule,
+        KvButtonsModule,
+        ProgressSpinnerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PrimeNgModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        KvInputsModule,
+                        KvButtonsModule,
+                        ProgressSpinnerModule,
+                    ],
+                    exports: [
+                        LoginComponent
+                    ]
+                }]
+        }] });
+
 class KeevoComponentsModule {
 }
 KeevoComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3634,7 +3704,8 @@ KeevoComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         KvPickListModule,
         KVTreeTableModule,
         KvWorkspaceModule,
-        OrgchartModule], exports: [KvInputsModule,
+        OrgchartModule,
+        KvLoginModule], exports: [KvInputsModule,
         KvButtonsModule,
         KvTableModule,
         KvtreeViewModule,
@@ -3643,7 +3714,8 @@ KeevoComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         KvPickListModule,
         KVTreeTableModule,
         KvWorkspaceModule,
-        OrgchartModule] });
+        OrgchartModule,
+        KvLoginModule] });
 KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
         KvButtonsModule,
         KvTableModule,
@@ -3653,7 +3725,8 @@ KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
         KvPickListModule,
         KVTreeTableModule,
         KvWorkspaceModule,
-        OrgchartModule, KvInputsModule,
+        OrgchartModule,
+        KvLoginModule, KvInputsModule,
         KvButtonsModule,
         KvTableModule,
         KvtreeViewModule,
@@ -3662,7 +3735,8 @@ KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
         KvPickListModule,
         KVTreeTableModule,
         KvWorkspaceModule,
-        OrgchartModule] });
+        OrgchartModule,
+        KvLoginModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -3677,7 +3751,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         KvPickListModule,
                         KVTreeTableModule,
                         KvWorkspaceModule,
-                        OrgchartModule
+                        OrgchartModule,
+                        KvLoginModule
                     ],
                     exports: [
                         KvInputsModule,
@@ -3689,7 +3764,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         KvPickListModule,
                         KVTreeTableModule,
                         KvWorkspaceModule,
-                        OrgchartModule
+                        OrgchartModule,
+                        KvLoginModule
                     ]
                 }]
         }] });
@@ -3755,5 +3831,5 @@ class TranslatePrimeng {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvMenuModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule };
+export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvLoginModule, KvMenuModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, LoginComponent, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule };
 //# sourceMappingURL=keevo-components.mjs.map