@mckit/auth 18.0.1 → 18.0.2
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.
|
@@ -5,23 +5,35 @@ import { IconFieldModule } from 'primeng/iconfield';
|
|
|
5
5
|
import { InputIconModule } from 'primeng/inputicon';
|
|
6
6
|
import { InputTextModule } from 'primeng/inputtext';
|
|
7
7
|
import { PasswordModule } from 'primeng/password';
|
|
8
|
+
import { FormGroup, FormsModule, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "
|
|
10
|
-
import * as i2 from "primeng/
|
|
11
|
-
import * as i3 from "primeng/
|
|
12
|
-
import * as i4 from "primeng/
|
|
13
|
-
import * as i5 from "primeng/
|
|
14
|
-
import * as i6 from "primeng/
|
|
15
|
-
import * as i7 from "primeng/
|
|
10
|
+
import * as i1 from "@angular/forms";
|
|
11
|
+
import * as i2 from "primeng/button";
|
|
12
|
+
import * as i3 from "primeng/api";
|
|
13
|
+
import * as i4 from "primeng/card";
|
|
14
|
+
import * as i5 from "primeng/iconfield";
|
|
15
|
+
import * as i6 from "primeng/inputicon";
|
|
16
|
+
import * as i7 from "primeng/inputtext";
|
|
17
|
+
import * as i8 from "primeng/password";
|
|
16
18
|
export class MCAuthBasicComponent {
|
|
17
19
|
config;
|
|
18
20
|
submit = new EventEmitter();
|
|
21
|
+
group = new FormGroup({
|
|
22
|
+
email: new FormControl('', [Validators.required, Validators.email]),
|
|
23
|
+
password: new FormControl('', Validators.required)
|
|
24
|
+
});
|
|
25
|
+
onClickSubmit() {
|
|
26
|
+
let obj = new MCAuthModel();
|
|
27
|
+
obj.email = this.group.get('email')?.value;
|
|
28
|
+
obj.password = this.group.get('password')?.value;
|
|
29
|
+
this.submit.emit(obj);
|
|
30
|
+
}
|
|
19
31
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
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 <p-iconField iconPosition=\"left\">\n
|
|
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"] }] });
|
|
21
33
|
}
|
|
22
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, decorators: [{
|
|
23
35
|
type: Component,
|
|
24
|
-
args: [{ selector: 'mc-auth-basic', standalone: true, imports: [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 <p-iconField iconPosition=\"left\">\n
|
|
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"] }]
|
|
25
37
|
}], propDecorators: { config: [{
|
|
26
38
|
type: Input
|
|
27
39
|
}], submit: [{
|
|
@@ -34,4 +46,8 @@ export class MCAuthBasicConfig {
|
|
|
34
46
|
passwordPlaceholder;
|
|
35
47
|
submitButton;
|
|
36
48
|
}
|
|
37
|
-
|
|
49
|
+
export class MCAuthModel {
|
|
50
|
+
email;
|
|
51
|
+
password;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC1iYXNpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tY2tpdC9hdXRoL3NyYy9saWIvcGFnZXMvYXV0aC1iYXNpYy9hdXRoLWJhc2ljLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21ja2l0L2F1dGgvc3JjL2xpYi9wYWdlcy9hdXRoLWJhc2ljL2F1dGgtYmFzaWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7O0FBV3RHLE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsTUFBTSxDQUFxQjtJQUMxQixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUVuRCxLQUFLLEdBQUcsSUFBSSxTQUFTLENBQUM7UUFDcEIsS0FBSyxFQUFFLElBQUksV0FBVyxDQUFTLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNFLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBUyxFQUFFLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztLQUMzRCxDQUFDLENBQUM7SUFFSCxhQUFhO1FBQ1gsSUFBSSxHQUFHLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUM1QixHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUMzQyxHQUFHLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUVqRCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN4QixDQUFDO3VHQWZVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLHNJQ2xCakMscWxDQXdCQSx3TERWWSxXQUFXLGtqQkFBRSxtQkFBbUIsK1VBQUUsWUFBWSxvZUFBRSxVQUFVLGdKQUFFLGVBQWUsNEhBQUUsZUFBZSwwSEFBRSxlQUFlLHdIQUFFLGNBQWM7OzJGQUk1SCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGNBQWMsQ0FBQzs4QkFLL0gsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTs7QUFnQlQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixLQUFLLENBQVU7SUFDZixRQUFRLENBQVU7SUFFbEIsZ0JBQWdCLENBQVU7SUFDMUIsbUJBQW1CLENBQVU7SUFFN0IsWUFBWSxDQUFVO0NBQ3ZCO0FBRUQsTUFBTSxPQUFPLFdBQVc7SUFDdEIsS0FBSyxDQUFlO0lBQ3BCLFFBQVEsQ0FBZTtDQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9jYXJkJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvYnV0dG9uJztcbmltcG9ydCB7IEljb25GaWVsZE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaWNvbmZpZWxkJztcbmltcG9ydCB7IElucHV0SWNvbk1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXRpY29uJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvaW5wdXR0ZXh0JztcbmltcG9ydCB7IFBhc3N3b3JkTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9wYXNzd29yZCc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3JtQ29udHJvbCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21jLWF1dGgtYmFzaWMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEJ1dHRvbk1vZHVsZSwgQ2FyZE1vZHVsZSwgSWNvbkZpZWxkTW9kdWxlLCBJbnB1dEljb25Nb2R1bGUsIElucHV0VGV4dE1vZHVsZSwgUGFzc3dvcmRNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0aC1iYXNpYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hdXRoLWJhc2ljLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBNQ0F1dGhCYXNpY0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZyE6IE1DQXV0aEJhc2ljQ29uZmlnO1xuICBAT3V0cHV0KCkgc3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcjxNQ0F1dGhNb2RlbD4oKTtcblxuICBncm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIGVtYWlsOiBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMuZW1haWxdKSxcbiAgICBwYXNzd29yZDogbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycsIFZhbGlkYXRvcnMucmVxdWlyZWQpXG4gIH0pO1xuXG4gIG9uQ2xpY2tTdWJtaXQoKSB7XG4gICAgbGV0IG9iaiA9IG5ldyBNQ0F1dGhNb2RlbCgpO1xuICAgIG9iai5lbWFpbCA9IHRoaXMuZ3JvdXAuZ2V0KCdlbWFpbCcpPy52YWx1ZTtcbiAgICBvYmoucGFzc3dvcmQgPSB0aGlzLmdyb3VwLmdldCgncGFzc3dvcmQnKT8udmFsdWU7XG5cbiAgICB0aGlzLnN1Ym1pdC5lbWl0KG9iaik7XG4gIH1cbn1cblxuZXhwb3J0IGNsYXNzIE1DQXV0aEJhc2ljQ29uZmlnIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuXG4gIGVtYWlsUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHBhc3N3b3JkUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgc3VibWl0QnV0dG9uPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgTUNBdXRoTW9kZWwge1xuICBlbWFpbD86IHN0cmluZ3xudWxsO1xuICBwYXNzd29yZD86IHN0cmluZ3xudWxsO1xufVxuIiwiPGRpdiBjbGFzcz1cIm1jLWF1dGgtYmFzaWMtY29udGFpbmVyXCI+XG4gIDxwLWNhcmQgW2hlYWRlcl09XCJjb25maWcudGl0bGUgPz8gJ0xvZyBpbidcIiBbc3ViaGVhZGVyXT1cImNvbmZpZy5zdWJ0aXRsZSA/PyAnUGxlYXNlIGVudGVyIHlvdXIgZGV0YWlscydcIiBbc3R5bGVdPVwieyB3aWR0aDogJzUwMHB4JywgJ21heC13aWR0aCc6ICc1MDBweCcgfVwiPlxuXG4gICAgPGRpdiBjbGFzcz1cIlwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgIDxwLWljb25GaWVsZCBpY29uUG9zaXRpb249XCJsZWZ0XCI+XG4gICAgICAgIDxwLWlucHV0SWNvbiBzdHlsZUNsYXNzPVwicGkgcGktZW52ZWxvcGVcIiAvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwSW5wdXRUZXh0IFtwbGFjZWhvbGRlcl09XCJjb25maWcuZW1haWxQbGFjZWhvbGRlciA/PyAnRW1haWwnXCIgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIiAvPlxuICAgICAgPC9wLWljb25GaWVsZD5cblxuICAgICAgPGJyLz48YnIvPlxuXG4gICAgICA8cC1pY29uRmllbGQgaWNvblBvc2l0aW9uPVwibGVmdFwiPlxuICAgICAgICA8cC1pbnB1dEljb24gc3R5bGVDbGFzcz1cInBpIHBpLWxvY2tcIiAvPlxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwUGFzc3dvcmQgW3BsYWNlaG9sZGVyXT1cImNvbmZpZy5wYXNzd29yZFBsYWNlaG9sZGVyID8/ICdQYXNzd29yZCdcIiBbZmVlZGJhY2tdPVwiZmFsc2VcIiB0b2dnbGVNYXNrPVwidHJ1ZVwiIGZvcm1Db250cm9sTmFtZT1cInBhc3N3b3JkXCIgLz5cbiAgICAgIDwvcC1pY29uRmllbGQ+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMyBtdC0xXCI+XG4gICAgICAgIDxwLWJ1dHRvbiBbbGFiZWxdPVwiY29uZmlnLnN1Ym1pdEJ1dHRvbiA/PyAnTG9nIGluJ1wiIFtzdHlsZV09XCJ7IHdpZHRoOiAnMTAwJScgfVwiIChjbGljayk9XCJvbkNsaWNrU3VibWl0KClcIiBbZGlzYWJsZWRdPVwiZ3JvdXAuaW52YWxpZFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtY2FyZD5cbjwvZGl2PlxuIl19
|
package/fesm2022/mckit-auth.mjs
CHANGED
|
@@ -1,28 +1,40 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, Component, Input, Output } from '@angular/core';
|
|
3
|
-
import * as
|
|
3
|
+
import * as i4 from 'primeng/card';
|
|
4
4
|
import { CardModule } from 'primeng/card';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i2 from 'primeng/button';
|
|
6
6
|
import { ButtonModule } from 'primeng/button';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i5 from 'primeng/iconfield';
|
|
8
8
|
import { IconFieldModule } from 'primeng/iconfield';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i6 from 'primeng/inputicon';
|
|
10
10
|
import { InputIconModule } from 'primeng/inputicon';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i7 from 'primeng/inputtext';
|
|
12
12
|
import { InputTextModule } from 'primeng/inputtext';
|
|
13
|
-
import * as
|
|
13
|
+
import * as i8 from 'primeng/password';
|
|
14
14
|
import { PasswordModule } from 'primeng/password';
|
|
15
|
-
import * as
|
|
15
|
+
import * as i1 from '@angular/forms';
|
|
16
|
+
import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
17
|
+
import * as i3 from 'primeng/api';
|
|
16
18
|
|
|
17
19
|
class MCAuthBasicComponent {
|
|
18
20
|
config;
|
|
19
21
|
submit = new EventEmitter();
|
|
22
|
+
group = new FormGroup({
|
|
23
|
+
email: new FormControl('', [Validators.required, Validators.email]),
|
|
24
|
+
password: new FormControl('', Validators.required)
|
|
25
|
+
});
|
|
26
|
+
onClickSubmit() {
|
|
27
|
+
let obj = new MCAuthModel();
|
|
28
|
+
obj.email = this.group.get('email')?.value;
|
|
29
|
+
obj.password = this.group.get('password')?.value;
|
|
30
|
+
this.submit.emit(obj);
|
|
31
|
+
}
|
|
20
32
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
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 <p-iconField iconPosition=\"left\">\n
|
|
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"] }] });
|
|
22
34
|
}
|
|
23
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MCAuthBasicComponent, decorators: [{
|
|
24
36
|
type: Component,
|
|
25
|
-
args: [{ selector: 'mc-auth-basic', standalone: true, imports: [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 <p-iconField iconPosition=\"left\">\n
|
|
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"] }]
|
|
26
38
|
}], propDecorators: { config: [{
|
|
27
39
|
type: Input
|
|
28
40
|
}], submit: [{
|
|
@@ -35,6 +47,10 @@ class MCAuthBasicConfig {
|
|
|
35
47
|
passwordPlaceholder;
|
|
36
48
|
submitButton;
|
|
37
49
|
}
|
|
50
|
+
class MCAuthModel {
|
|
51
|
+
email;
|
|
52
|
+
password;
|
|
53
|
+
}
|
|
38
54
|
|
|
39
55
|
/*
|
|
40
56
|
* Public API Surface of auth
|
|
@@ -47,5 +63,5 @@ class MCAuthBasicConfig {
|
|
|
47
63
|
* Generated bundle index. Do not edit.
|
|
48
64
|
*/
|
|
49
65
|
|
|
50
|
-
export { MCAuthBasicComponent, MCAuthBasicConfig };
|
|
66
|
+
export { MCAuthBasicComponent, MCAuthBasicConfig, MCAuthModel };
|
|
51
67
|
//# sourceMappingURL=mckit-auth.mjs.map
|
|
@@ -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';\n\n\n\n@Component({\n selector: 'mc-auth-basic',\n standalone: true,\n imports: [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<{
|
|
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,11 +1,14 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { FormGroup, FormControl } from '@angular/forms';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class MCAuthBasicComponent {
|
|
4
5
|
config: MCAuthBasicConfig;
|
|
5
|
-
submit: EventEmitter<
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
submit: EventEmitter<MCAuthModel>;
|
|
7
|
+
group: FormGroup<{
|
|
8
|
+
email: FormControl<string | null>;
|
|
9
|
+
password: FormControl<string | null>;
|
|
8
10
|
}>;
|
|
11
|
+
onClickSubmit(): void;
|
|
9
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<MCAuthBasicComponent, never>;
|
|
10
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<MCAuthBasicComponent, "mc-auth-basic", never, { "config": { "alias": "config"; "required": false; }; }, { "submit": "submit"; }, never, never, true, never>;
|
|
11
14
|
}
|
|
@@ -16,3 +19,7 @@ export declare class MCAuthBasicConfig {
|
|
|
16
19
|
passwordPlaceholder?: string;
|
|
17
20
|
submitButton?: string;
|
|
18
21
|
}
|
|
22
|
+
export declare class MCAuthModel {
|
|
23
|
+
email?: string | null;
|
|
24
|
+
password?: string | null;
|
|
25
|
+
}
|