@mckit/auth 18.0.2 → 18.0.3

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.
@@ -6,35 +6,60 @@ import { InputIconModule } from 'primeng/inputicon';
6
6
  import { InputTextModule } from 'primeng/inputtext';
7
7
  import { PasswordModule } from 'primeng/password';
8
8
  import { FormGroup, FormsModule, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';
9
+ import { MessagesModule } from 'primeng/messages';
10
+ import { MessageService } from 'primeng/api';
9
11
  import * as i0 from "@angular/core";
10
- import * as i1 from "@angular/forms";
11
- import * as i2 from "primeng/button";
12
- import * as i3 from "primeng/api";
12
+ import * as i1 from "primeng/api";
13
+ import * as i2 from "@angular/forms";
14
+ import * as i3 from "primeng/button";
13
15
  import * as i4 from "primeng/card";
14
16
  import * as i5 from "primeng/iconfield";
15
17
  import * as i6 from "primeng/inputicon";
16
18
  import * as i7 from "primeng/inputtext";
17
19
  import * as i8 from "primeng/password";
20
+ import * as i9 from "primeng/messages";
18
21
  export class MCAuthBasicComponent {
22
+ messageService;
19
23
  config;
20
24
  submit = new EventEmitter();
21
25
  group = new FormGroup({
22
26
  email: new FormControl('', [Validators.required, Validators.email]),
23
27
  password: new FormControl('', Validators.required)
24
28
  });
29
+ isSending = false;
30
+ constructor(messageService) {
31
+ this.messageService = messageService;
32
+ }
25
33
  onClickSubmit() {
34
+ this.clearMessages();
26
35
  let obj = new MCAuthModel();
27
36
  obj.email = this.group.get('email')?.value;
28
37
  obj.password = this.group.get('password')?.value;
38
+ this.showLoading();
29
39
  this.submit.emit(obj);
30
40
  }
31
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
32
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MCAuthBasicComponent, isStandalone: true, selector: "mc-auth-basic", inputs: { config: "config" }, outputs: { submit: "submit" }, ngImport: i0, template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"text\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i5.IconField, selector: "p-iconField", inputs: ["iconPosition"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i6.InputIcon, selector: "p-inputIcon", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "directive", type: i8.PasswordDirective, selector: "[pPassword]", inputs: ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "feedback", "showPassword", "variant"] }] });
41
+ showSuccessMessage(message) {
42
+ this.messageService.add({ severity: 'success', summary: message });
43
+ }
44
+ showErrorMessage(message) {
45
+ this.messageService.add({ severity: 'error', summary: message });
46
+ }
47
+ clearMessages() {
48
+ this.messageService.clear();
49
+ }
50
+ showLoading() {
51
+ this.isSending = true;
52
+ }
53
+ hideLoading() {
54
+ this.isSending = false;
55
+ }
56
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
57
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MCAuthBasicComponent, isStandalone: true, selector: "mc-auth-basic", inputs: { config: "config" }, outputs: { submit: "submit" }, providers: [MessageService], ngImport: i0, template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"password\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n\n <p-messages />\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid || isSending\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i5.IconField, selector: "p-iconField", inputs: ["iconPosition"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i6.InputIcon, selector: "p-inputIcon", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "directive", type: i8.PasswordDirective, selector: "[pPassword]", inputs: ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "feedback", "showPassword", "variant"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i9.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
33
58
  }
34
59
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, decorators: [{
35
60
  type: Component,
36
- args: [{ selector: 'mc-auth-basic', standalone: true, imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule], template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"text\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"] }]
37
- }], propDecorators: { config: [{
61
+ args: [{ selector: 'mc-auth-basic', standalone: true, imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule, MessagesModule], providers: [MessageService], template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"password\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n\n <p-messages />\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid || isSending\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"] }]
62
+ }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { config: [{
38
63
  type: Input
39
64
  }], submit: [{
40
65
  type: Output
@@ -50,4 +75,4 @@ export class MCAuthModel {
50
75
  email;
51
76
  password;
52
77
  }
53
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC1iYXNpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tY2tpdC9hdXRoL3NyYy9saWIvcGFnZXMvYXV0aC1iYXNpYy9hdXRoLWJhc2ljLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21ja2l0L2F1dGgvc3JjL2xpYi9wYWdlcy9hdXRoLWJhc2ljL2F1dGgtYmFzaWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7O0FBV3RHLE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsTUFBTSxDQUFxQjtJQUMxQixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUVuRCxLQUFLLEdBQUcsSUFBSSxTQUFTLENBQUM7UUFDcEIsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFTLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNFLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBUyxFQUFFLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztLQUMzRCxDQUFDLENBQUM7SUFFSCxhQUFhO1FBQ1gsSUFBSSxHQUFHLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUM1QixHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUMzQyxHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUVqRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN4QixDQUFDO3VHQWZVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLHNJQ2xCakMscWxDQXdCQSx3TERWWSxXQUFXLGtqQkFBRSxtQkFBbUIsK1VBQUUsWUFBWSxvZUFBRSxVQUFVLGdKQUFFLGVBQWUsNEhBQUUsZUFBZSwwSEFBRSxlQUFlLHdIQUFFLGNBQWM7OzJGQUk1SCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGNBQWMsQ0FBQzs4QkFLL0gsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTs7QUFnQlQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixLQUFLLENBQVU7SUFDZixRQUFRLENBQVU7SUFFbEIsZ0JBQWdCLENBQVU7SUFDMUIsbUJBQW1CLENBQVU7SUFFN0IsWUFBWSxDQUFVO0NBQ3ZCO0FBRUQsTUFBTSxPQUFPLFdBQVc7SUFDdEIsS0FBSyxDQUFlO0lBQ3BCLFFBQVEsQ0FBZTtDQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9jYXJkJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYnV0dG9uJztcbmltcG9ydCB7IEljb25GaWVsZE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaWNvbmZpZWxkJztcbmltcG9ydCB7IElucHV0SWNvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXRpY29uJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXR0ZXh0JztcbmltcG9ydCB7IFBhc3N3b3JkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wYXNzd29yZCc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3JtQ29udHJvbCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21jLWF1dGgtYmFzaWMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEJ1dHRvbk1vZHVsZSwgQ2FyZE1vZHVsZSwgSWNvbkZpZWxkTW9kdWxlLCBJbnB1dEljb25Nb2R1bGUsIElucHV0VGV4dE1vZHVsZSwgUGFzc3dvcmRNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0aC1iYXNpYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hdXRoLWJhc2ljLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBNQ0F1dGhCYXNpY0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZyE6IE1DQXV0aEJhc2ljQ29uZmlnO1xuICBAT3V0cHV0KCkgc3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcjxNQ0F1dGhNb2RlbD4oKTtcblxuICBncm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIGVtYWlsOiBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMuZW1haWxdKSxcbiAgICBwYXNzd29yZDogbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycsIFZhbGlkYXRvcnMucmVxdWlyZWQpXG4gIH0pO1xuXG4gIG9uQ2xpY2tTdWJtaXQoKSB7XG4gICAgbGV0IG9iaiA9IG5ldyBNQ0F1dGhNb2RlbCgpO1xuICAgIG9iai5lbWFpbCA9IHRoaXMuZ3JvdXAuZ2V0KCdlbWFpbCcpPy52YWx1ZTtcbiAgICBvYmoucGFzc3dvcmQgPSB0aGlzLmdyb3VwLmdldCgncGFzc3dvcmQnKT8udmFsdWU7XG5cbiAgICB0aGlzLnN1Ym1pdC5lbWl0KG9iaik7XG4gIH1cbn1cblxuZXhwb3J0IGNsYXNzIE1DQXV0aEJhc2ljQ29uZmlnIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIGVtYWlsUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHBhc3N3b3JkUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgc3VibWl0QnV0dG9uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgTUNBdXRoTW9kZWwge1xuICBlbWFpbD86IHN0cmluZ3xudWxsO1xuICBwYXNzd29yZD86IHN0cmluZ3xudWxsO1xufVxuIiwiPGRpdiBjbGFzcz1cIm1jLWF1dGgtYmFzaWMtY29udGFpbmVyXCI+XG4gIDxwLWNhcmQgW2hlYWRlcl09XCJjb25maWcudGl0bGUgPz8gJ0xvZyBpbidcIiBbc3ViaGVhZGVyXT1cImNvbmZpZy5zdWJ0aXRsZSA/PyAnUGxlYXNlIGVudGVyIHlvdXIgZGV0YWlscydcIiBbc3R5bGVdPVwieyB3aWR0aDogJzUwMHB4JywgJ21heC13aWR0aCc6ICc1MDBweCcgfVwiPlxuXG4gICAgPGRpdiBjbGFzcz1cIlwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgIDxwLWljb25GaWVsZCBpY29uUG9zaXRpb249XCJsZWZ0XCI+XG4gICAgICAgIDxwLWlucHV0SWNvbiBzdHlsZUNsYXNzPVwicGkgcGktZW52ZWxvcGVcIiAvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwSW5wdXRUZXh0IFtwbGFjZWhvbGRlcl09XCJjb25maWcuZW1haWxQbGFjZWhvbGRlciA/PyAnRW1haWwnXCIgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIiAvPlxuICAgICAgPC9wLWljb25GaWVsZD5cblxuICAgICAgPGJyLz48YnIvPlxuXG4gICAgICA8cC1pY29uRmllbGQgaWNvblBvc2l0aW9uPVwibGVmdFwiPlxuICAgICAgICA8cC1pbnB1dEljb24gc3R5bGVDbGFzcz1cInBpIHBpLWxvY2tcIiAvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwUGFzc3dvcmQgW3BsYWNlaG9sZGVyXT1cImNvbmZpZy5wYXNzd29yZFBsYWNlaG9sZGVyID8/ICdQYXNzd29yZCdcIiBbZmVlZGJhY2tdPVwiZmFsc2VcIiB0b2dnbGVNYXNrPVwidHJ1ZVwiIGZvcm1Db250cm9sTmFtZT1cInBhc3N3b3JkXCIgLz5cbiAgICAgIDwvcC1pY29uRmllbGQ+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMyBtdC0xXCI+XG4gICAgICAgIDxwLWJ1dHRvbiBbbGFiZWxdPVwiY29uZmlnLnN1Ym1pdEJ1dHRvbiA/PyAnTG9nIGluJ1wiIFtzdHlsZV09XCJ7IHdpZHRoOiAnMTAwJScgfVwiIChjbGljayk9XCJvbkNsaWNrU3VibWl0KClcIiBbZGlzYWJsZWRdPVwiZ3JvdXAuaW52YWxpZFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtY2FyZD5cbjwvZGl2PlxuIl19
78
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC1iYXNpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tY2tpdC9hdXRoL3NyYy9saWIvcGFnZXMvYXV0aC1iYXNpYy9hdXRoLWJhc2ljLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21ja2l0L2F1dGgvc3JjL2xpYi9wYWdlcy9hdXRoLWJhc2ljL2F1dGgtYmFzaWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7Ozs7Ozs7OztBQVk3QyxNQUFNLE9BQU8sb0JBQW9CO0lBWXJCO0lBWEQsTUFBTSxDQUFxQjtJQUMxQixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUVuRCxLQUFLLEdBQUcsSUFBSSxTQUFTLENBQUM7UUFDcEIsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFTLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNFLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBUyxFQUFFLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztLQUMzRCxDQUFDLENBQUM7SUFFSCxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWxCLFlBQ1UsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO0lBQ3JDLENBQUM7SUFFSixhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRXJCLElBQUksR0FBRyxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7UUFDNUIsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRSxLQUFLLENBQUM7UUFDM0MsR0FBRyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLENBQUM7UUFFakQsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxPQUFlO1FBQ2hDLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBZTtRQUM5QixJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO3VHQTVDVSxvQkFBb0I7MkZBQXBCLG9CQUFvQix5SEFKcEIsQ0FBQyxjQUFjLENBQUMsMEJDakI3Qiw4bkNBMEJBLHdMRFZZLFdBQVcsa2pCQUFFLG1CQUFtQiwrVUFBRSxZQUFZLG9lQUFFLFVBQVUsZ0pBQUUsZUFBZSw0SEFBRSxlQUFlLDBIQUFFLGVBQWUsd0hBQUUsY0FBYyxxTkFBRSxjQUFjOzsyRkFLNUksb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDLGFBQzdJLENBQUMsY0FBYyxDQUFDO21GQUtsQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNOztBQTZDVCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLEtBQUssQ0FBVTtJQUNmLFFBQVEsQ0FBVTtJQUVsQixnQkFBZ0IsQ0FBVTtJQUMxQixtQkFBbUIsQ0FBVTtJQUU3QixZQUFZLENBQVU7Q0FDdkI7QUFFRCxNQUFNLE9BQU8sV0FBVztJQUN0QixLQUFLLENBQWU7SUFDcEIsUUFBUSxDQUFlO0NBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRNb2R1bGUgfSBmcm9tICdwcmltZW5nL2NhcmQnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9idXR0b24nO1xuaW1wb3J0IHsgSWNvbkZpZWxkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pY29uZmllbGQnO1xuaW1wb3J0IHsgSW5wdXRJY29uTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dGljb24nO1xuaW1wb3J0IHsgSW5wdXRUZXh0TW9kdWxlIH0gZnJvbSAncHJpbWVuZy9pbnB1dHRleHQnO1xuaW1wb3J0IHsgUGFzc3dvcmRNb2R1bGUgfSBmcm9tICdwcmltZW5nL3Bhc3N3b3JkJztcbmltcG9ydCB7IEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEZvcm1Db250cm9sLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWVzc2FnZXNNb2R1bGUgfSBmcm9tICdwcmltZW5nL21lc3NhZ2VzJztcbmltcG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWMtYXV0aC1iYXNpYycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgQnV0dG9uTW9kdWxlLCBDYXJkTW9kdWxlLCBJY29uRmllbGRNb2R1bGUsIElucHV0SWNvbk1vZHVsZSwgSW5wdXRUZXh0TW9kdWxlLCBQYXNzd29yZE1vZHVsZSwgTWVzc2FnZXNNb2R1bGVdLFxuICBwcm92aWRlcnM6IFtNZXNzYWdlU2VydmljZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hdXRoLWJhc2ljLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2F1dGgtYmFzaWMuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE1DQXV0aEJhc2ljQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29uZmlnITogTUNBdXRoQmFzaWNDb25maWc7XG4gIEBPdXRwdXQoKSBzdWJtaXQgPSBuZXcgRXZlbnRFbWl0dGVyPE1DQXV0aE1vZGVsPigpO1xuXG4gIGdyb3VwID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgZW1haWw6IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5lbWFpbF0pLFxuICAgIHBhc3N3b3JkOiBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJywgVmFsaWRhdG9ycy5yZXF1aXJlZClcbiAgfSk7XG5cbiAgaXNTZW5kaW5nID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBtZXNzYWdlU2VydmljZTogTWVzc2FnZVNlcnZpY2VcbiAgKSB7fVxuXG4gIG9uQ2xpY2tTdWJtaXQoKSB7XG4gICAgdGhpcy5jbGVhck1lc3NhZ2VzKCk7XG5cbiAgICBsZXQgb2JqID0gbmV3IE1DQXV0aE1vZGVsKCk7XG4gICAgb2JqLmVtYWlsID0gdGhpcy5ncm91cC5nZXQoJ2VtYWlsJyk/LnZhbHVlO1xuICAgIG9iai5wYXNzd29yZCA9IHRoaXMuZ3JvdXAuZ2V0KCdwYXNzd29yZCcpPy52YWx1ZTtcblxuICAgIHRoaXMuc2hvd0xvYWRpbmcoKTtcbiAgICB0aGlzLnN1Ym1pdC5lbWl0KG9iaik7XG4gIH1cblxuICBzaG93U3VjY2Vzc01lc3NhZ2UobWVzc2FnZTogc3RyaW5nKSB7XG4gICAgdGhpcy5tZXNzYWdlU2VydmljZS5hZGQoeyBzZXZlcml0eTogJ3N1Y2Nlc3MnLCBzdW1tYXJ5OiBtZXNzYWdlfSk7XG4gIH1cblxuICBzaG93RXJyb3JNZXNzYWdlKG1lc3NhZ2U6IHN0cmluZykge1xuICAgIHRoaXMubWVzc2FnZVNlcnZpY2UuYWRkKHsgc2V2ZXJpdHk6ICdlcnJvcicsIHN1bW1hcnk6IG1lc3NhZ2V9KTtcbiAgfVxuXG4gIGNsZWFyTWVzc2FnZXMoKSB7XG4gICAgdGhpcy5tZXNzYWdlU2VydmljZS5jbGVhcigpO1xuICB9XG5cbiAgc2hvd0xvYWRpbmcoKSB7XG4gICAgdGhpcy5pc1NlbmRpbmcgPSB0cnVlO1xuICB9XG5cbiAgaGlkZUxvYWRpbmcoKSB7XG4gICAgdGhpcy5pc1NlbmRpbmcgPSBmYWxzZTtcbiAgfVxufVxuXG5leHBvcnQgY2xhc3MgTUNBdXRoQmFzaWNDb25maWcge1xuICB0aXRsZT86IHN0cmluZztcbiAgc3VidGl0bGU/OiBzdHJpbmc7XG5cbiAgZW1haWxQbGFjZWhvbGRlcj86IHN0cmluZztcbiAgcGFzc3dvcmRQbGFjZWhvbGRlcj86IHN0cmluZztcblxuICBzdWJtaXRCdXR0b24/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjbGFzcyBNQ0F1dGhNb2RlbCB7XG4gIGVtYWlsPzogc3RyaW5nfG51bGw7XG4gIHBhc3N3b3JkPzogc3RyaW5nfG51bGw7XG59XG4iLCI8ZGl2IGNsYXNzPVwibWMtYXV0aC1iYXNpYy1jb250YWluZXJcIj5cbiAgPHAtY2FyZCBbaGVhZGVyXT1cImNvbmZpZy50aXRsZSA/PyAnTG9nIGluJ1wiIFtzdWJoZWFkZXJdPVwiY29uZmlnLnN1YnRpdGxlID8/ICdQbGVhc2UgZW50ZXIgeW91ciBkZXRhaWxzJ1wiIFtzdHlsZV09XCJ7IHdpZHRoOiAnNTAwcHgnLCAnbWF4LXdpZHRoJzogJzUwMHB4JyB9XCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiXCIgW2Zvcm1Hcm91cF09XCJncm91cFwiPlxuICAgICAgPHAtaWNvbkZpZWxkIGljb25Qb3NpdGlvbj1cImxlZnRcIj5cbiAgICAgICAgPHAtaW5wdXRJY29uIHN0eWxlQ2xhc3M9XCJwaSBwaS1lbnZlbG9wZVwiIC8+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBJbnB1dFRleHQgW3BsYWNlaG9sZGVyXT1cImNvbmZpZy5lbWFpbFBsYWNlaG9sZGVyID8/ICdFbWFpbCdcIiBmb3JtQ29udHJvbE5hbWU9XCJlbWFpbFwiIC8+XG4gICAgICA8L3AtaWNvbkZpZWxkPlxuXG4gICAgICA8YnIvPjxici8+XG5cbiAgICAgIDxwLWljb25GaWVsZCBpY29uUG9zaXRpb249XCJsZWZ0XCI+XG4gICAgICAgIDxwLWlucHV0SWNvbiBzdHlsZUNsYXNzPVwicGkgcGktbG9ja1wiIC8+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwicGFzc3dvcmRcIiBwUGFzc3dvcmQgW3BsYWNlaG9sZGVyXT1cImNvbmZpZy5wYXNzd29yZFBsYWNlaG9sZGVyID8/ICdQYXNzd29yZCdcIiBbZmVlZGJhY2tdPVwiZmFsc2VcIiB0b2dnbGVNYXNrPVwidHJ1ZVwiIGZvcm1Db250cm9sTmFtZT1cInBhc3N3b3JkXCIgLz5cbiAgICAgIDwvcC1pY29uRmllbGQ+XG5cbiAgICAgIDxwLW1lc3NhZ2VzIC8+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMyBtdC0xXCI+XG4gICAgICAgIDxwLWJ1dHRvbiBbbGFiZWxdPVwiY29uZmlnLnN1Ym1pdEJ1dHRvbiA/PyAnTG9nIGluJ1wiIFtzdHlsZV09XCJ7IHdpZHRoOiAnMTAwJScgfVwiIChjbGljayk9XCJvbkNsaWNrU3VibWl0KClcIiBbZGlzYWJsZWRdPVwiZ3JvdXAuaW52YWxpZCB8fCBpc1NlbmRpbmdcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9wLWNhcmQ+XG48L2Rpdj5cbiJdfQ==
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
2
2
  import { EventEmitter, Component, Input, Output } from '@angular/core';
3
3
  import * as i4 from 'primeng/card';
4
4
  import { CardModule } from 'primeng/card';
5
- import * as i2 from 'primeng/button';
5
+ import * as i3 from 'primeng/button';
6
6
  import { ButtonModule } from 'primeng/button';
7
7
  import * as i5 from 'primeng/iconfield';
8
8
  import { IconFieldModule } from 'primeng/iconfield';
@@ -12,30 +12,55 @@ import * as i7 from 'primeng/inputtext';
12
12
  import { InputTextModule } from 'primeng/inputtext';
13
13
  import * as i8 from 'primeng/password';
14
14
  import { PasswordModule } from 'primeng/password';
15
- import * as i1 from '@angular/forms';
15
+ import * as i2 from '@angular/forms';
16
16
  import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
17
- import * as i3 from 'primeng/api';
17
+ import * as i9 from 'primeng/messages';
18
+ import { MessagesModule } from 'primeng/messages';
19
+ import * as i1 from 'primeng/api';
20
+ import { MessageService } from 'primeng/api';
18
21
 
19
22
  class MCAuthBasicComponent {
23
+ messageService;
20
24
  config;
21
25
  submit = new EventEmitter();
22
26
  group = new FormGroup({
23
27
  email: new FormControl('', [Validators.required, Validators.email]),
24
28
  password: new FormControl('', Validators.required)
25
29
  });
30
+ isSending = false;
31
+ constructor(messageService) {
32
+ this.messageService = messageService;
33
+ }
26
34
  onClickSubmit() {
35
+ this.clearMessages();
27
36
  let obj = new MCAuthModel();
28
37
  obj.email = this.group.get('email')?.value;
29
38
  obj.password = this.group.get('password')?.value;
39
+ this.showLoading();
30
40
  this.submit.emit(obj);
31
41
  }
32
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
33
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MCAuthBasicComponent, isStandalone: true, selector: "mc-auth-basic", inputs: { config: "config" }, outputs: { submit: "submit" }, ngImport: i0, template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"text\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i5.IconField, selector: "p-iconField", inputs: ["iconPosition"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i6.InputIcon, selector: "p-inputIcon", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "directive", type: i8.PasswordDirective, selector: "[pPassword]", inputs: ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "feedback", "showPassword", "variant"] }] });
42
+ showSuccessMessage(message) {
43
+ this.messageService.add({ severity: 'success', summary: message });
44
+ }
45
+ showErrorMessage(message) {
46
+ this.messageService.add({ severity: 'error', summary: message });
47
+ }
48
+ clearMessages() {
49
+ this.messageService.clear();
50
+ }
51
+ showLoading() {
52
+ this.isSending = true;
53
+ }
54
+ hideLoading() {
55
+ this.isSending = false;
56
+ }
57
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
58
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MCAuthBasicComponent, isStandalone: true, selector: "mc-auth-basic", inputs: { config: "config" }, outputs: { submit: "submit" }, providers: [MessageService], ngImport: i0, template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"password\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n\n <p-messages />\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid || isSending\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i4.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i5.IconField, selector: "p-iconField", inputs: ["iconPosition"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i6.InputIcon, selector: "p-inputIcon", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "directive", type: i8.PasswordDirective, selector: "[pPassword]", inputs: ["promptLabel", "weakLabel", "mediumLabel", "strongLabel", "feedback", "showPassword", "variant"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i9.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
34
59
  }
35
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, decorators: [{
36
61
  type: Component,
37
- args: [{ selector: 'mc-auth-basic', standalone: true, imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule], template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"text\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"] }]
38
- }], propDecorators: { config: [{
62
+ args: [{ selector: 'mc-auth-basic', standalone: true, imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule, MessagesModule], providers: [MessageService], template: "<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"password\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n\n <p-messages />\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid || isSending\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n", styles: [".mc-auth-basic-container{display:flex;justify-content:center;min-height:100%;align-items:center}p-iconField input{width:100%}\n"] }]
63
+ }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { config: [{
39
64
  type: Input
40
65
  }], submit: [{
41
66
  type: Output
@@ -1 +1 @@
1
- {"version":3,"file":"mckit-auth.mjs","sources":["../../../../projects/mckit/auth/src/lib/pages/auth-basic/auth-basic.component.ts","../../../../projects/mckit/auth/src/lib/pages/auth-basic/auth-basic.component.html","../../../../projects/mckit/auth/src/public-api.ts","../../../../projects/mckit/auth/src/mckit-auth.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CardModule } from 'primeng/card';\nimport { ButtonModule } from 'primeng/button';\nimport { IconFieldModule } from 'primeng/iconfield';\nimport { InputIconModule } from 'primeng/inputicon';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { PasswordModule } from 'primeng/password';\nimport { FormGroup, FormsModule, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';\n\n\n\n@Component({\n selector: 'mc-auth-basic',\n standalone: true,\n imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule],\n templateUrl: './auth-basic.component.html',\n styleUrl: './auth-basic.component.scss'\n})\nexport class MCAuthBasicComponent {\n @Input() config!: MCAuthBasicConfig;\n @Output() submit = new EventEmitter<MCAuthModel>();\n\n group = new FormGroup({\n email: new FormControl<string>('', [Validators.required, Validators.email]),\n password: new FormControl<string>('', Validators.required)\n });\n\n onClickSubmit() {\n let obj = new MCAuthModel();\n obj.email = this.group.get('email')?.value;\n obj.password = this.group.get('password')?.value;\n\n this.submit.emit(obj);\n }\n}\n\nexport class MCAuthBasicConfig {\n title?: string;\n subtitle?: string;\n\n emailPlaceholder?: string;\n passwordPlaceholder?: string;\n\n submitButton?: string;\n}\n\nexport class MCAuthModel {\n email?: string|null;\n password?: string|null;\n}\n","<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"text\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n","/*\n * Public API Surface of auth\n */\n\n/**\n * Pages\n */\nexport * from './lib/pages/auth-basic/auth-basic.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mckit-auth.mjs","sources":["../../../../projects/mckit/auth/src/lib/pages/auth-basic/auth-basic.component.ts","../../../../projects/mckit/auth/src/lib/pages/auth-basic/auth-basic.component.html","../../../../projects/mckit/auth/src/public-api.ts","../../../../projects/mckit/auth/src/mckit-auth.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CardModule } from 'primeng/card';\nimport { ButtonModule } from 'primeng/button';\nimport { IconFieldModule } from 'primeng/iconfield';\nimport { InputIconModule } from 'primeng/inputicon';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { PasswordModule } from 'primeng/password';\nimport { FormGroup, FormsModule, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';\nimport { MessagesModule } from 'primeng/messages';\nimport { MessageService } from 'primeng/api';\n\n\n\n@Component({\n selector: 'mc-auth-basic',\n standalone: true,\n imports: [FormsModule, ReactiveFormsModule, ButtonModule, CardModule, IconFieldModule, InputIconModule, InputTextModule, PasswordModule, MessagesModule],\n providers: [MessageService],\n templateUrl: './auth-basic.component.html',\n styleUrl: './auth-basic.component.scss'\n})\nexport class MCAuthBasicComponent {\n @Input() config!: MCAuthBasicConfig;\n @Output() submit = new EventEmitter<MCAuthModel>();\n\n group = new FormGroup({\n email: new FormControl<string>('', [Validators.required, Validators.email]),\n password: new FormControl<string>('', Validators.required)\n });\n\n isSending = false;\n\n constructor(\n private messageService: MessageService\n ) {}\n\n onClickSubmit() {\n this.clearMessages();\n\n let obj = new MCAuthModel();\n obj.email = this.group.get('email')?.value;\n obj.password = this.group.get('password')?.value;\n\n this.showLoading();\n this.submit.emit(obj);\n }\n\n showSuccessMessage(message: string) {\n this.messageService.add({ severity: 'success', summary: message});\n }\n\n showErrorMessage(message: string) {\n this.messageService.add({ severity: 'error', summary: message});\n }\n\n clearMessages() {\n this.messageService.clear();\n }\n\n showLoading() {\n this.isSending = true;\n }\n\n hideLoading() {\n this.isSending = false;\n }\n}\n\nexport class MCAuthBasicConfig {\n title?: string;\n subtitle?: string;\n\n emailPlaceholder?: string;\n passwordPlaceholder?: string;\n\n submitButton?: string;\n}\n\nexport class MCAuthModel {\n email?: string|null;\n password?: string|null;\n}\n","<div class=\"mc-auth-basic-container\">\n <p-card [header]=\"config.title ?? 'Log in'\" [subheader]=\"config.subtitle ?? 'Please enter your details'\" [style]=\"{ width: '500px', 'max-width': '500px' }\">\n\n <div class=\"\" [formGroup]=\"group\">\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-envelope\" />\n <input type=\"text\" pInputText [placeholder]=\"config.emailPlaceholder ?? 'Email'\" formControlName=\"email\" />\n </p-iconField>\n\n <br/><br/>\n\n <p-iconField iconPosition=\"left\">\n <p-inputIcon styleClass=\"pi pi-lock\" />\n <input type=\"password\" pPassword [placeholder]=\"config.passwordPlaceholder ?? 'Password'\" [feedback]=\"false\" toggleMask=\"true\" formControlName=\"password\" />\n </p-iconField>\n\n <p-messages />\n </div>\n\n <ng-template pTemplate=\"footer\">\n <div class=\"flex gap-3 mt-1\">\n <p-button [label]=\"config.submitButton ?? 'Log in'\" [style]=\"{ width: '100%' }\" (click)=\"onClickSubmit()\" [disabled]=\"group.invalid || isSending\" />\n </div>\n </ng-template>\n </p-card>\n</div>\n","/*\n * Public API Surface of auth\n */\n\n/**\n * Pages\n */\nexport * from './lib/pages/auth-basic/auth-basic.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,14 +1,23 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { FormGroup, FormControl } from '@angular/forms';
3
+ import { MessageService } from 'primeng/api';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class MCAuthBasicComponent {
6
+ private messageService;
5
7
  config: MCAuthBasicConfig;
6
8
  submit: EventEmitter<MCAuthModel>;
7
9
  group: FormGroup<{
8
10
  email: FormControl<string | null>;
9
11
  password: FormControl<string | null>;
10
12
  }>;
13
+ isSending: boolean;
14
+ constructor(messageService: MessageService);
11
15
  onClickSubmit(): void;
16
+ showSuccessMessage(message: string): void;
17
+ showErrorMessage(message: string): void;
18
+ clearMessages(): void;
19
+ showLoading(): void;
20
+ hideLoading(): void;
12
21
  static ɵfac: i0.ɵɵFactoryDeclaration<MCAuthBasicComponent, never>;
13
22
  static ɵcmp: i0.ɵɵComponentDeclaration<MCAuthBasicComponent, "mc-auth-basic", never, { "config": { "alias": "config"; "required": false; }; }, { "submit": "submit"; }, never, never, true, never>;
14
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mckit/auth",
3
- "version": "18.0.2",
3
+ "version": "18.0.3",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^18.1.0",
6
6
  "@angular/core": "^18.1.0",