asp-lib 1.1.14 → 1.1.15
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.
|
@@ -134,13 +134,13 @@ export class ChangePasswordComponent {
|
|
|
134
134
|
this.confirmNewPasswordVisibility = value ? "text" : "password";
|
|
135
135
|
}
|
|
136
136
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangePasswordComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.SecurityServices }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChangePasswordComponent, selector: "lib-change-password", host: { attributes: { "id": "change-password" } }, ngImport: i0, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["theme", "loading", "type"] }] }); }
|
|
137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChangePasswordComponent, selector: "lib-change-password", host: { attributes: { "id": "change-password" } }, ngImport: i0, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:465px;max-width:465px}@media (max-width: 1024px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:360px;max-width:360px}::ng-deep .change-password-dialog .mat-mdc-dialog-container lib-change-password{overflow-x:hidden;max-height:unset}}@media (max-width: 359px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:320px;max-width:320px}}::ng-deep .change-password-dialog .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}@media (max-width: 1024px){::ng-deep .change-password-dialog{max-width:unset!important}}.dialog-alert-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.LoaderComponent, selector: "lib-loader", inputs: ["theme", "loading", "type"] }] }); }
|
|
138
138
|
}
|
|
139
139
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangePasswordComponent, decorators: [{
|
|
140
140
|
type: Component,
|
|
141
141
|
args: [{ selector: 'lib-change-password', host: {
|
|
142
142
|
'id': 'change-password'
|
|
143
|
-
}, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}\n"] }]
|
|
143
|
+
}, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:465px;max-width:465px}@media (max-width: 1024px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:360px;max-width:360px}::ng-deep .change-password-dialog .mat-mdc-dialog-container lib-change-password{overflow-x:hidden;max-height:unset}}@media (max-width: 359px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:320px;max-width:320px}}::ng-deep .change-password-dialog .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}@media (max-width: 1024px){::ng-deep .change-password-dialog{max-width:unset!important}}.dialog-alert-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}\n"] }]
|
|
144
144
|
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
145
145
|
type: Inject,
|
|
146
146
|
args: [MAT_DIALOG_DATA]
|
package/fesm2022/asp-lib.mjs
CHANGED
|
@@ -6505,13 +6505,13 @@ class ChangePasswordComponent {
|
|
|
6505
6505
|
this.confirmNewPasswordVisibility = value ? "text" : "password";
|
|
6506
6506
|
}
|
|
6507
6507
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangePasswordComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: SecurityServices }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChangePasswordComponent, selector: "lib-change-password", host: { attributes: { "id": "change-password" } }, ngImport: i0, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["theme", "loading", "type"] }] }); }
|
|
6508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChangePasswordComponent, selector: "lib-change-password", host: { attributes: { "id": "change-password" } }, ngImport: i0, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:465px;max-width:465px}@media (max-width: 1024px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:360px;max-width:360px}::ng-deep .change-password-dialog .mat-mdc-dialog-container lib-change-password{overflow-x:hidden;max-height:unset}}@media (max-width: 359px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:320px;max-width:320px}}::ng-deep .change-password-dialog .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}@media (max-width: 1024px){::ng-deep .change-password-dialog{max-width:unset!important}}.dialog-alert-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["theme", "loading", "type"] }] }); }
|
|
6509
6509
|
}
|
|
6510
6510
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangePasswordComponent, decorators: [{
|
|
6511
6511
|
type: Component,
|
|
6512
6512
|
args: [{ selector: 'lib-change-password', host: {
|
|
6513
6513
|
'id': 'change-password'
|
|
6514
|
-
}, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}\n"] }]
|
|
6514
|
+
}, template: "<div [attr.data-theme]=\"theme\" class=\"dialog-header\">\r\n\t<div class=\"buttons-container\">\r\n\t\t<button class=\"ghost\" (click)=\"onClose()\"><i class=\"menu-close\"></i></button>\r\n\t</div>\r\n\t<div class=\"title-container\">\r\n\t\t<div class=\"title\">\r\n\t\t\t<span class=\"title-label\">Cambio de Contraseña</span>\r\n\t\t\t<span class=\"title-description\">\r\n\t\t\t\tPor seguridad debe cambiar la contraseña periódicamente\r\n\t\t\t\t(Cada 3 meses el sistema le solicitará el cambio)\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div [attr.data-theme]=\"theme\" class=\"dialog-content\">\r\n\t<form [formGroup]=\"changePasswordFormGroup\"\r\n\t\t\t\t(ngSubmit)=\"saveItem()\"\r\n\t\t\t\tclass=\"change-password-input-container\">\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"oldPassword\"\r\n\t\t\t\t\t\t [type]=\"oldPasswordVisibility\"\r\n\t\t\t\t\t\t (input)=\"clearInvalidPasswordError()\"\r\n\t\t\t\t\t\t placeholder=\"Contrase\u00F1a actual\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<img src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleOldPasswordVisibility(true)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"oldPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleOldPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"oldPasswordInvalid\">\r\n\t\t\tContraseña incorrecta, por favor intente de nuevo.\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"newPassword\"\r\n\t\t\t\t\t\t [type]=\"newPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Nueva Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"newPasswordValid\" class=\"change-password-correct\" (click)=\"toggleNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!newPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"newPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description\" [class.password-error]=\"hasNewPasswordError()\">\r\n\t\t\t* Mínimo 8 caracteres, mayúsculas, minúsculas, números, use caracteres especiales. Ej: @#$& (Obligatorio)\r\n\t\t</div>\r\n\t\t<div class=\"change-password-input\">\r\n\t\t\t<input formControlName=\"confirmNewPassword\"\r\n\t\t\t\t\t\t [type]=\"confirmNewPasswordVisibility\"\r\n\t\t\t\t\t\t placeholder=\"Confirmar Contrase\u00F1a\" />\r\n\t\t\t<div class=\"change-password-input-icon\">\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'password'\">\r\n\t\t\t\t\t<div *ngIf=\"hasConfirmNewPasswordError()\" class=\"change-password-wrong\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">x</div>\r\n\t\t\t\t\t<ng-container *ngIf=\"!hasConfirmNewPasswordError()\">\r\n\t\t\t\t\t\t<div *ngIf=\"confirmNewPasswordValid\" class=\"change-password-correct\" (click)=\"toggleConfirmNewPasswordVisibility(true)\">✓</div>\r\n\t\t\t\t\t\t<img *ngIf=\"!confirmNewPasswordValid\" src=\"../assets/icons/show_password_visibility_icon.svg\" alt=\"show\" (click)=\"toggleConfirmNewPasswordVisibility(true)\" />\r\n\t\t\t\t\t</ng-container>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"confirmNewPasswordVisibility === 'text'\">\r\n\t\t\t\t\t<img class=\"hide-password-visibility-button\" src=\"../assets/icons/hide_password_visibility_icon.svg\" alt=\"hide\" (click)=\"toggleConfirmNewPasswordVisibility(false)\" />\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"password-description password-error\" *ngIf=\"hasConfirmNewPasswordError()\">\r\n\t\t\tLas contraseña no coinciden, por favor corrija.\r\n\t\t</div>\r\n\t</form>\r\n\t<button class=\"change-password-btn\" [disabled]=\"!changePasswordFormGroup.valid || loading\" (click)=\"saveItem()\">Cambiar Contraseña</button>\r\n</div>\r\n\r\n<lib-loader [theme]=\"theme\" type=\"bar\" [loading]=\"loading\"></lib-loader>\r\n", styles: [":host{max-height:calc(100vh - 160px);min-width:25%;padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;background-color:var(--white-background)}:host button{padding:0 20px;height:36px;border-radius:4px;background-color:transparent;border:solid 1px var(--secondary-btn);color:var(--secondary-btn);font-weight:500;cursor:pointer;outline:none}:host button.primary{background-color:var(--primary-btn-background);color:var(--primary-btn-color);border:none}:host button.ghost{background-color:transparent;border:none;padding:0}.assigned-area-label{color:var(--inactive-input);font-weight:500;min-height:40px;display:flex;align-items:center;padding:0 12px}.assigned-area{display:flex;flex-direction:column;overflow:auto;min-width:390px;max-width:390px}.dropped-items-area{display:flex;flex-direction:column;width:100%;gap:8px;border-radius:8px;background-color:var(--gray-background);padding:12px;height:100%;overflow:auto}.drop-area-container{display:flex;width:100%;padding:0}.drop-area{position:relative;display:flex;align-items:center;justify-content:center;color:var(--inactive-input);width:100%;height:44px;border:dashed 2px var(--inactive-input);border-radius:0}.drop-area.drop-area-hover{border-color:var(--selection-color)}.drop-area.drop-area-hover .drop-area-label{color:var(--selection-color)}.drop-items{display:flex;flex-direction:column;gap:8px;overflow:auto}.drop-list{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 12px}.available{display:flex;flex-direction:column;gap:4px;width:100%;min-width:390px;max-width:390px;overflow:auto;padding-top:8px}.title{display:flex;flex-direction:column;width:100%}.title-label{font-size:1.8rem!important;color:#024496;font-weight:700;width:100%;display:flex;justify-content:center;text-align:center;white-space:nowrap}@media (max-width: 1024px){.title-label{font-size:20px!important}}.title-name{font-size:16px;font-weight:700}.title-description{display:flex;justify-content:center;color:#005bcc;font-size:13px;text-align:center;margin-bottom:10px;align-self:center}@media (max-width: 1024px){.title-description{font-size:10.5px!important;width:unset!important}}@media (max-width: 359px){.title-description{font-size:10px!important}}.drag-items{display:flex;flex-direction:column;gap:8px;padding:0 4px;overflow:auto}.dialog-content{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;height:100%}.buttons-container{display:flex;width:100%;justify-content:flex-end;align-items:center;gap:12px}.buttons-container .menu-close{font-size:16px}.dialog-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title-container{display:flex;align-items:center;font-size:18px;font-weight:500;color:var(--inactive-input);gap:12px;padding:0 12px;width:100%}.messagesContainer{padding:0 36px;display:flex;flex-direction:column;align-items:center}.messagesContainer .success{color:green}.messagesContainer .error{color:red}.cdk-drag-preview{box-sizing:border-box;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;cursor:grabbing}.cdk-drag-placeholder{width:100%;opacity:0}.change-password-input-container{display:flex;flex-direction:column;padding:0 30px}@media (max-width: 1024px){.change-password-input-container{padding:0 10px!important}}.change-password-input{display:flex!important;flex-direction:row!important;width:100%;background-color:#fafafa;color:#494949;height:2.813rem;border-radius:.722rem;padding-right:10px;margin:10px 0;align-self:center}.change-password-input input{border-radius:.722rem;background-color:#fafafa;color:#494949;align-self:flex-start;width:calc(100% - 30px);height:100%;border:unset;margin:0 10px;padding:0}.change-password-input input:focus{outline:none}.change-password-input .change-password-input-icon{display:flex;flex-direction:column;align-items:center;justify-content:center}.change-password-input .change-password-input-icon img{cursor:pointer;width:85%}.change-password-input .change-password-input-icon .change-password-wrong,.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #ff7979;color:#ff7979;border-radius:15px;min-width:17px;min-height:17px;width:17px;height:17px;font-size:11px;line-height:17px;font-weight:700;margin-right:2.5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-password-input .change-password-input-icon .change-password-correct{border:2px solid #00ae2e!important;color:#00ae2e!important;font-size:10px!important}.password-description{font-size:14px;margin-top:-5px;margin-left:2.5px;align-items:start!important;text-align:start;color:#bdb9b9;width:100%}@media (max-width: 1024px){.password-description{font-size:10.5px!important}}@media (max-width: 359px){.password-description{font-size:10px!important}}.password-error{color:#ff7979}.change-password-btn{background-color:#024496!important;height:3.4rem!important;border-radius:.722rem!important;color:#fff!important;font-size:1rem;margin:0 30px}.change-password-btn:disabled{cursor:default!important;opacity:.5}::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:465px;max-width:465px}@media (max-width: 1024px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:360px;max-width:360px}::ng-deep .change-password-dialog .mat-mdc-dialog-container lib-change-password{overflow-x:hidden;max-height:unset}}@media (max-width: 359px){::ng-deep .change-password-dialog .mat-mdc-dialog-container{min-width:320px;max-width:320px}}::ng-deep .change-password-dialog .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}@media (max-width: 1024px){::ng-deep .change-password-dialog{max-width:unset!important}}.dialog-alert-panel .mat-mdc-dialog-container .mdc-dialog__surface{border-radius:24px}\n"] }]
|
|
6515
6515
|
}], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
|
|
6516
6516
|
type: Inject,
|
|
6517
6517
|
args: [MAT_DIALOG_DATA]
|