keevo-components 1.5.139 → 1.5.140
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/inputs/input-text-checkbox/input-text-checkbox.component.mjs +37 -0
- package/esm2020/lib/inputs/kvinputs.module.mjs +10 -5
- package/esm2020/lib/login/login.component.mjs +3 -3
- package/esm2020/public-api.mjs +4 -3
- package/fesm2015/keevo-components.mjs +70 -38
- package/fesm2015/keevo-components.mjs.map +1 -1
- package/fesm2020/keevo-components.mjs +70 -38
- package/fesm2020/keevo-components.mjs.map +1 -1
- package/lib/inputs/input-text-checkbox/input-text-checkbox.component.d.ts +15 -0
- package/lib/inputs/kvinputs.module.d.ts +6 -5
- package/package.json +1 -1
- package/public-api.d.ts +3 -2
|
@@ -4,7 +4,7 @@ import { Subject, of, combineLatest, filter, finalize } from 'rxjs';
|
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import * as i2 from '@angular/forms';
|
|
7
|
-
import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormGroup, FormsModule, ReactiveFormsModule
|
|
7
|
+
import { NgControl, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
8
|
import * as i4 from 'primeng/checkbox';
|
|
9
9
|
import { CheckboxModule } from 'primeng/checkbox';
|
|
10
10
|
import * as i1$1 from 'primeng/dynamicdialog';
|
|
@@ -927,6 +927,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
927
927
|
type: Output
|
|
928
928
|
}] } });
|
|
929
929
|
|
|
930
|
+
class InputTextCheckboxComponent extends BaseComponentInput {
|
|
931
|
+
constructor(componentService) {
|
|
932
|
+
super(componentService);
|
|
933
|
+
this.checkBoxEmit = new EventEmitter();
|
|
934
|
+
this._checkBoxValue = false;
|
|
935
|
+
}
|
|
936
|
+
set checkBoxValue(value) {
|
|
937
|
+
this._checkBoxValue = value;
|
|
938
|
+
this.emitCheckBoxValue();
|
|
939
|
+
}
|
|
940
|
+
get checkBoxValue() {
|
|
941
|
+
return this._checkBoxValue;
|
|
942
|
+
}
|
|
943
|
+
emitCheckBoxValue() {
|
|
944
|
+
this.checkBoxEmit.emit(this._checkBoxValue);
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
InputTextCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextCheckboxComponent, deps: [{ token: ComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
948
|
+
InputTextCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InputTextCheckboxComponent, selector: "kv-input-text-checkbox", inputs: { tooltipCheckbox: "tooltipCheckbox" }, outputs: { checkBoxEmit: "checkBoxEmit" }, providers: ComponentProviders(InputTextCheckboxComponent), usesInheritance: true, ngImport: i0, template: "<div class=\"p-inputgroup\">\n <span\n class=\"p-inputgroup-addon\"\n style=\"height: 40px;\"\n ><p-checkbox\n [(ngModel)]=\"checkBoxValue\"\n [binary]=\"true\"\n [pTooltip]=\"tooltipCheckbox\"\n ></p-checkbox></span>\n\n <input\n type=\"text\"\n pInputText\n [class]=\"baseInputClass\"\n styleClass=\"inputs\"\n [disabled]=\"disabled\"\n [id]=\"componentId\"\n [(ngModel)]=\"value\"\n (blur)=\"onInputBlur($event)\"\n style=\"height: 40px;\"\n />\n <label [for]=\"componentId\">{{ label }}</label>\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "directive", type: i2$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$5.InputText, selector: "[pInputText]" }] });
|
|
949
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InputTextCheckboxComponent, decorators: [{
|
|
950
|
+
type: Component,
|
|
951
|
+
args: [{ selector: 'kv-input-text-checkbox', providers: ComponentProviders(InputTextCheckboxComponent), template: "<div class=\"p-inputgroup\">\n <span\n class=\"p-inputgroup-addon\"\n style=\"height: 40px;\"\n ><p-checkbox\n [(ngModel)]=\"checkBoxValue\"\n [binary]=\"true\"\n [pTooltip]=\"tooltipCheckbox\"\n ></p-checkbox></span>\n\n <input\n type=\"text\"\n pInputText\n [class]=\"baseInputClass\"\n styleClass=\"inputs\"\n [disabled]=\"disabled\"\n [id]=\"componentId\"\n [(ngModel)]=\"value\"\n (blur)=\"onInputBlur($event)\"\n style=\"height: 40px;\"\n />\n <label [for]=\"componentId\">{{ label }}</label>\n\n</div>" }]
|
|
952
|
+
}], ctorParameters: function () { return [{ type: ComponentService }]; }, propDecorators: { checkBoxEmit: [{
|
|
953
|
+
type: Output
|
|
954
|
+
}], tooltipCheckbox: [{
|
|
955
|
+
type: Input
|
|
956
|
+
}] } });
|
|
957
|
+
|
|
930
958
|
class SwitchComponent extends BaseComponentInput {
|
|
931
959
|
constructor(componentService) {
|
|
932
960
|
super(componentService);
|
|
@@ -2528,6 +2556,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
2528
2556
|
type: Output
|
|
2529
2557
|
}] } });
|
|
2530
2558
|
|
|
2559
|
+
class LoginComponent {
|
|
2560
|
+
constructor(formBuilder) {
|
|
2561
|
+
this.formBuilder = formBuilder;
|
|
2562
|
+
this.onLogin = new EventEmitter();
|
|
2563
|
+
}
|
|
2564
|
+
ngOnInit() {
|
|
2565
|
+
this.loginForm = this.formBuilder.group({
|
|
2566
|
+
usuario: ['', Validators.required],
|
|
2567
|
+
senha: ['', Validators.required]
|
|
2568
|
+
});
|
|
2569
|
+
}
|
|
2570
|
+
login() {
|
|
2571
|
+
this.onLogin.emit(this.loginForm.value);
|
|
2572
|
+
}
|
|
2573
|
+
}
|
|
2574
|
+
LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2575
|
+
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" }] });
|
|
2576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, decorators: [{
|
|
2577
|
+
type: Component,
|
|
2578
|
+
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"] }]
|
|
2579
|
+
}], ctorParameters: function () { return [{ type: i2.FormBuilder }]; }, propDecorators: { Background: [{
|
|
2580
|
+
type: Input
|
|
2581
|
+
}], SystemLogo: [{
|
|
2582
|
+
type: Input
|
|
2583
|
+
}], SystemColorPrimary: [{
|
|
2584
|
+
type: Input
|
|
2585
|
+
}], SystemColorSecondary: [{
|
|
2586
|
+
type: Input
|
|
2587
|
+
}], onLogin: [{
|
|
2588
|
+
type: Output
|
|
2589
|
+
}] } });
|
|
2590
|
+
|
|
2531
2591
|
class PrimeNgModule {
|
|
2532
2592
|
}
|
|
2533
2593
|
PrimeNgModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PrimeNgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2788,7 +2848,8 @@ KvInputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
2788
2848
|
InputTimeComponent,
|
|
2789
2849
|
MultiSelectComponent,
|
|
2790
2850
|
SwitchComponent,
|
|
2791
|
-
RadioGroupComponent
|
|
2851
|
+
RadioGroupComponent,
|
|
2852
|
+
InputTextCheckboxComponent], imports: [CommonModule,
|
|
2792
2853
|
FormsModule,
|
|
2793
2854
|
kvErrorModule,
|
|
2794
2855
|
PrimeNgModule,
|
|
@@ -2803,7 +2864,8 @@ KvInputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
|
|
|
2803
2864
|
InputTimeComponent,
|
|
2804
2865
|
MultiSelectComponent,
|
|
2805
2866
|
SwitchComponent,
|
|
2806
|
-
RadioGroupComponent
|
|
2867
|
+
RadioGroupComponent,
|
|
2868
|
+
InputTextCheckboxComponent] });
|
|
2807
2869
|
KvInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvInputsModule, imports: [CommonModule,
|
|
2808
2870
|
FormsModule,
|
|
2809
2871
|
kvErrorModule,
|
|
@@ -2824,7 +2886,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
2824
2886
|
InputTimeComponent,
|
|
2825
2887
|
MultiSelectComponent,
|
|
2826
2888
|
SwitchComponent,
|
|
2827
|
-
RadioGroupComponent
|
|
2889
|
+
RadioGroupComponent,
|
|
2890
|
+
InputTextCheckboxComponent
|
|
2828
2891
|
],
|
|
2829
2892
|
imports: [
|
|
2830
2893
|
CommonModule,
|
|
@@ -2845,7 +2908,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
2845
2908
|
InputTimeComponent,
|
|
2846
2909
|
MultiSelectComponent,
|
|
2847
2910
|
SwitchComponent,
|
|
2848
|
-
RadioGroupComponent
|
|
2911
|
+
RadioGroupComponent,
|
|
2912
|
+
InputTextCheckboxComponent
|
|
2849
2913
|
]
|
|
2850
2914
|
}]
|
|
2851
2915
|
}] });
|
|
@@ -3633,38 +3697,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
3633
3697
|
}]
|
|
3634
3698
|
}] });
|
|
3635
3699
|
|
|
3636
|
-
class LoginComponent {
|
|
3637
|
-
constructor(formBuilder) {
|
|
3638
|
-
this.formBuilder = formBuilder;
|
|
3639
|
-
this.onLogin = new EventEmitter();
|
|
3640
|
-
}
|
|
3641
|
-
ngOnInit() {
|
|
3642
|
-
this.loginForm = this.formBuilder.group({
|
|
3643
|
-
usuario: ['', Validators.required],
|
|
3644
|
-
senha: ['', Validators.required]
|
|
3645
|
-
});
|
|
3646
|
-
}
|
|
3647
|
-
login() {
|
|
3648
|
-
this.onLogin.emit(this.loginForm.value);
|
|
3649
|
-
}
|
|
3650
|
-
}
|
|
3651
|
-
LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
3652
|
-
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=\"https://work-assets.keevo.com.br/img/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=\"https://work-assets.keevo.com.br/img/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" }] });
|
|
3653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: LoginComponent, decorators: [{
|
|
3654
|
-
type: Component,
|
|
3655
|
-
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=\"https://work-assets.keevo.com.br/img/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=\"https://work-assets.keevo.com.br/img/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"] }]
|
|
3656
|
-
}], ctorParameters: function () { return [{ type: i2.FormBuilder }]; }, propDecorators: { Background: [{
|
|
3657
|
-
type: Input
|
|
3658
|
-
}], SystemLogo: [{
|
|
3659
|
-
type: Input
|
|
3660
|
-
}], SystemColorPrimary: [{
|
|
3661
|
-
type: Input
|
|
3662
|
-
}], SystemColorSecondary: [{
|
|
3663
|
-
type: Input
|
|
3664
|
-
}], onLogin: [{
|
|
3665
|
-
type: Output
|
|
3666
|
-
}] } });
|
|
3667
|
-
|
|
3668
3700
|
class KvLoginModule {
|
|
3669
3701
|
}
|
|
3670
3702
|
KvLoginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KvLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -3842,5 +3874,5 @@ class TranslatePrimeng {
|
|
|
3842
3874
|
* Generated bundle index. Do not edit.
|
|
3843
3875
|
*/
|
|
3844
3876
|
|
|
3845
|
-
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 };
|
|
3877
|
+
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, InputTextCheckboxComponent, 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 };
|
|
3846
3878
|
//# sourceMappingURL=keevo-components.mjs.map
|