@cauca-911/material 18.0.0 → 18.0.1-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/buttons/base-button.mjs +33 -0
- package/esm2022/lib/buttons/basic-button/basic-button.component.mjs +64 -0
- package/esm2022/lib/buttons/flat-button/flat-button.component.mjs +64 -0
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +28 -0
- package/esm2022/lib/buttons/menu-item/menu-item.component.mjs +68 -0
- package/esm2022/lib/buttons/raised-button/raised-button.component.mjs +64 -0
- package/esm2022/lib/buttons/stroked-button/stroked-button.component.mjs +71 -0
- package/esm2022/lib/cauca-material.component.mjs +6 -5
- package/esm2022/lib/cauca-material.module.mjs +14 -52
- package/esm2022/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.mjs +14 -10
- package/esm2022/lib/cauca-menu-vertical/cauca-menu-vertical.component.mjs +16 -8
- package/esm2022/lib/cauca-simple-dialog/cauca-simple-dialog.component.mjs +14 -10
- package/esm2022/lib/cauca-slideshow/cauca-slideshow.component.mjs +6 -6
- package/esm2022/lib/dialogs/alert-dialog/alert-dialog.component.mjs +57 -0
- package/esm2022/lib/dialogs/confirm-dialog/confirm-dialog.component.mjs +69 -0
- package/esm2022/lib/dialogs/services/dialog.service.mjs +52 -0
- package/esm2022/lib/inputs/cauca-date-time-picker/cauca-date-time-picker.component.mjs +137 -0
- package/esm2022/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/components/desktop-time-picker/desktop-time-picker.component.mjs +2 -2
- package/esm2022/lib/inputs/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.mjs +358 -0
- package/esm2022/lib/inputs/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.mjs +74 -0
- package/esm2022/lib/inputs/cauca-date-time-picker/models/dialog-date-time-picker-data.mjs +2 -0
- package/esm2022/lib/inputs/cauca-input-file/cauca-input-file.component.mjs +147 -0
- package/esm2022/lib/inputs/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs +99 -0
- package/esm2022/lib/inputs/password/models/password-validation.mjs +13 -0
- package/esm2022/lib/inputs/password/password-criteria/password-criteria.component.mjs +49 -0
- package/esm2022/lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.mjs +29 -0
- package/esm2022/lib/inputs/password/password-input/password-input.component.mjs +112 -0
- package/esm2022/lib/inputs/password/password-selection/password-selection.component.mjs +112 -0
- package/esm2022/lib/inputs/password/validators/password-validator.mjs +19 -0
- package/esm2022/lib/inputs/select-with-search/select-with-search.component.mjs +157 -0
- package/esm2022/lib/layout/expandable-panel/expandable-panel.component.mjs +75 -0
- package/esm2022/lib/layout/menu-expandable-panel/menu-expandable-panel.component.mjs +148 -0
- package/esm2022/lib/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.mjs +50 -0
- package/esm2022/lib/layout/page-title/page-title.component.mjs +86 -0
- package/esm2022/lib/notifications/snack-bar/snack-bar.component.mjs +75 -0
- package/esm2022/public-api.mjs +21 -4
- package/fesm2022/cauca-911-material.mjs +1988 -648
- package/fesm2022/cauca-911-material.mjs.map +1 -1
- package/lib/buttons/base-button.d.ts +21 -0
- package/lib/buttons/basic-button/basic-button.component.d.ts +6 -0
- package/lib/buttons/flat-button/flat-button.component.d.ts +6 -0
- package/lib/buttons/icon-button/icon-button.component.d.ts +6 -0
- package/lib/buttons/menu-item/menu-item.component.d.ts +9 -0
- package/lib/buttons/raised-button/raised-button.component.d.ts +6 -0
- package/lib/buttons/stroked-button/stroked-button.component.d.ts +6 -0
- package/lib/cauca-material.component.d.ts +1 -1
- package/lib/cauca-material.module.d.ts +4 -14
- package/lib/cauca-menu-sidebar/cauca-menu-sidebar.component.d.ts +1 -1
- package/lib/cauca-menu-vertical/cauca-menu-vertical.component.d.ts +1 -1
- package/lib/cauca-simple-dialog/cauca-simple-dialog.component.d.ts +1 -1
- package/lib/cauca-slideshow/cauca-slideshow.component.d.ts +1 -1
- package/lib/dialogs/alert-dialog/alert-dialog.component.d.ts +18 -0
- package/lib/dialogs/confirm-dialog/confirm-dialog.component.d.ts +17 -0
- package/lib/dialogs/services/dialog.service.d.ts +26 -0
- package/lib/{cauca-input-file → inputs/cauca-input-file}/cauca-input-file.component.d.ts +1 -1
- package/lib/{cauca-input-multiple-langue → inputs/cauca-input-multiple-langue}/cauca-input-multiple-langue.component.d.ts +1 -1
- package/lib/inputs/password/models/password-validation.d.ts +9 -0
- package/lib/inputs/password/password-criteria/password-criteria.component.d.ts +9 -0
- package/lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.d.ts +9 -0
- package/lib/inputs/password/password-input/password-input.component.d.ts +25 -0
- package/lib/inputs/password/password-selection/password-selection.component.d.ts +20 -0
- package/lib/inputs/password/validators/password-validator.d.ts +9 -0
- package/lib/inputs/select-with-search/select-with-search.component.d.ts +32 -0
- package/lib/layout/expandable-panel/expandable-panel.component.d.ts +10 -0
- package/lib/layout/menu-expandable-panel/menu-expandable-panel.component.d.ts +29 -0
- package/lib/layout/menu-expandable-panel-item/menu-expandable-panel-item.component.d.ts +13 -0
- package/lib/layout/page-title/page-title.component.d.ts +11 -0
- package/lib/notifications/snack-bar/snack-bar.component.d.ts +17 -0
- package/package.json +3 -2
- package/public-api.d.ts +20 -3
- package/esm2022/lib/cauca-date-time-picker/cauca-date-time-picker.component.mjs +0 -137
- package/esm2022/lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.mjs +0 -357
- package/esm2022/lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.mjs +0 -74
- package/esm2022/lib/cauca-date-time-picker/models/dialog-date-time-picker-data.mjs +0 -2
- package/esm2022/lib/cauca-input-file/cauca-input-file.component.mjs +0 -148
- package/esm2022/lib/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs +0 -87
- /package/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/cauca-date-time-picker.component.d.ts +0 -0
- /package/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/components/desktop-time-picker/desktop-time-picker.component.d.ts +0 -0
- /package/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/components/dialog-date-time-picker/dialog-date-time-picker.component.d.ts +0 -0
- /package/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/components/mobile-time-picker/mobile-time-picker.component.d.ts +0 -0
- /package/lib/{cauca-date-time-picker → inputs/cauca-date-time-picker}/models/dialog-date-time-picker-data.d.ts +0 -0
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
3
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/material/button";
|
|
8
|
+
import * as i2 from "@angular/material/icon";
|
|
9
|
+
export class MobileTimePickerComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.valueChange = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
valueUp() {
|
|
14
|
+
const currentIndex = this.options.indexOf(this.value);
|
|
15
|
+
let newValue = 0;
|
|
16
|
+
if (currentIndex === this.options.length - 1) {
|
|
17
|
+
newValue = this.options[0];
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
newValue = this.options[currentIndex + 1];
|
|
21
|
+
}
|
|
22
|
+
this.valueChange.emit(newValue);
|
|
23
|
+
}
|
|
24
|
+
valueDown() {
|
|
25
|
+
const currentIndex = this.options.indexOf(this.value);
|
|
26
|
+
let newValue = 0;
|
|
27
|
+
if (currentIndex === 0) {
|
|
28
|
+
newValue = this.options[this.options.length - 1];
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
newValue = this.options[currentIndex - 1];
|
|
32
|
+
}
|
|
33
|
+
this.valueChange.emit(newValue);
|
|
34
|
+
}
|
|
35
|
+
static { this.ɵfac = function MobileTimePickerComponent_Factory(t) { return new (t || MobileTimePickerComponent)(); }; }
|
|
36
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileTimePickerComponent, selectors: [["cauca-mobile-time-picker"]], inputs: { value: "value", options: "options" }, outputs: { valueChange: "valueChange" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 8, vars: 1, consts: [["mat-icon-button", "", 3, "click"]], template: function MobileTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
37
|
+
i0.ɵɵelementStart(0, "button", 0);
|
|
38
|
+
i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_0_listener() { return ctx.valueUp(); });
|
|
39
|
+
i0.ɵɵelementStart(1, "mat-icon");
|
|
40
|
+
i0.ɵɵtext(2, "keyboard_arrow_up");
|
|
41
|
+
i0.ɵɵelementEnd()();
|
|
42
|
+
i0.ɵɵelementStart(3, "div");
|
|
43
|
+
i0.ɵɵtext(4);
|
|
44
|
+
i0.ɵɵelementEnd();
|
|
45
|
+
i0.ɵɵelementStart(5, "button", 0);
|
|
46
|
+
i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_5_listener() { return ctx.valueDown(); });
|
|
47
|
+
i0.ɵɵelementStart(6, "mat-icon");
|
|
48
|
+
i0.ɵɵtext(7, "keyboard_arrow_down");
|
|
49
|
+
i0.ɵɵelementEnd()();
|
|
50
|
+
} if (rf & 2) {
|
|
51
|
+
i0.ɵɵadvance(4);
|
|
52
|
+
i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
|
|
53
|
+
} }, dependencies: [MatButtonModule, i1.MatIconButton, MatIconModule, i2.MatIcon, MatFormFieldModule,
|
|
54
|
+
MatInputModule], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button[_ngcontent-%COMP%]{height:24px;width:24px;line-height:24px;padding:0}"] }); }
|
|
55
|
+
}
|
|
56
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'cauca-mobile-time-picker', standalone: true, imports: [
|
|
59
|
+
MatButtonModule,
|
|
60
|
+
MatIconModule,
|
|
61
|
+
MatFormFieldModule,
|
|
62
|
+
MatInputModule
|
|
63
|
+
], template: "<button mat-icon-button (click)=\"valueUp()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value < 10 ? '0' : '' ) + value}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
|
|
64
|
+
}], null, { value: [{
|
|
65
|
+
type: Input,
|
|
66
|
+
args: [{ required: true }]
|
|
67
|
+
}], options: [{
|
|
68
|
+
type: Input,
|
|
69
|
+
args: [{ required: true }]
|
|
70
|
+
}], valueChange: [{
|
|
71
|
+
type: Output
|
|
72
|
+
}] }); })();
|
|
73
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\mobile-time-picker\\mobile-time-picker.component.ts", lineNumber: 19 }); })();
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLXRpbWUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL2NhdWNhLWRhdGUtdGltZS1waWNrZXIvY29tcG9uZW50cy9tb2JpbGUtdGltZS1waWNrZXIvbW9iaWxlLXRpbWUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL2NhdWNhLWRhdGUtdGltZS1waWNrZXIvY29tcG9uZW50cy9tb2JpbGUtdGltZS1waWNrZXIvbW9iaWxlLXRpbWUtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFjekQsTUFBTSxPQUFPLHlCQUF5QjtJQVp0QztRQWdCbUIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBeUIzRDtJQXZCUSxPQUFPO1FBQ1osTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RELElBQUksUUFBUSxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLFlBQVksS0FBSyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUM3QyxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsQ0FBQztRQUM1QyxDQUFDO1FBRUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVNLFNBQVM7UUFDZCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEQsSUFBSSxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLElBQUksWUFBWSxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3ZCLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ25ELENBQUM7YUFBTSxDQUFDO1lBQ04sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQzVDLENBQUM7UUFFRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDOzBGQTVCVSx5QkFBeUI7b0VBQXpCLHlCQUF5QjtZQ2xCdEMsaUNBQTRDO1lBQXBCLHNHQUFTLGFBQVMsSUFBQztZQUN2QyxnQ0FBVTtZQUFBLGlDQUFpQjtZQUMvQixBQUQrQixpQkFBVyxFQUNqQztZQUNULDJCQUFLO1lBQ0wsWUFDQTtZQUFBLGlCQUFNO1lBQ04saUNBQThDO1lBQXRCLHNHQUFTLGVBQVcsSUFBQztZQUN6QyxnQ0FBVTtZQUFBLG1DQUFtQjtZQUNqQyxBQURpQyxpQkFBVyxFQUNuQzs7WUFKVCxlQUNBO1lBREEsMEVBQ0E7NEJES0ksZUFBZSxvQkFDZixhQUFhLGNBQ2Isa0JBQWtCO1lBQ2xCLGNBQWM7O2lGQUtMLHlCQUF5QjtjQVpyQyxTQUFTOzJCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7b0JBQ1AsZUFBZTtvQkFDZixhQUFhO29CQUNiLGtCQUFrQjtvQkFDbEIsY0FBYztpQkFDZjtnQkFLK0IsS0FBSztrQkFBcEMsS0FBSzttQkFBQyxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUM7WUFDVyxPQUFPO2tCQUF4QyxLQUFLO21CQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtZQUVSLFdBQVc7a0JBQTNCLE1BQU07O2tGQUpJLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2F1Y2EtbW9iaWxlLXRpbWUtcGlja2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZVxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9iaWxlLXRpbWUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21vYmlsZS10aW1lLXBpY2tlci5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgTW9iaWxlVGltZVBpY2tlckNvbXBvbmVudCB7XG4gIEBJbnB1dCh7cmVxdWlyZWQ6IHRydWV9KSBwdWJsaWMgdmFsdWU6IG51bWJlcjtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcHVibGljIG9wdGlvbnM6IG51bWJlcltdO1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBwdWJsaWMgdmFsdWVVcCgpOiB2b2lkIHtcbiAgICBjb25zdCBjdXJyZW50SW5kZXggPSB0aGlzLm9wdGlvbnMuaW5kZXhPZih0aGlzLnZhbHVlKTtcbiAgICBsZXQgbmV3VmFsdWUgPSAwO1xuICAgIGlmIChjdXJyZW50SW5kZXggPT09IHRoaXMub3B0aW9ucy5sZW5ndGggLSAxKSB7XG4gICAgICBuZXdWYWx1ZSA9IHRoaXMub3B0aW9uc1swXTtcbiAgICB9IGVsc2Uge1xuICAgICAgbmV3VmFsdWUgPSB0aGlzLm9wdGlvbnNbY3VycmVudEluZGV4ICsgMV07XG4gICAgfVxuXG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KG5ld1ZhbHVlKTtcbiAgfVxuXG4gIHB1YmxpYyB2YWx1ZURvd24oKTogdm9pZCB7XG4gICAgY29uc3QgY3VycmVudEluZGV4ID0gdGhpcy5vcHRpb25zLmluZGV4T2YodGhpcy52YWx1ZSk7XG4gICAgbGV0IG5ld1ZhbHVlID0gMDtcbiAgICBpZiAoY3VycmVudEluZGV4ID09PSAwKSB7XG4gICAgICBuZXdWYWx1ZSA9IHRoaXMub3B0aW9uc1t0aGlzLm9wdGlvbnMubGVuZ3RoIC0gMV07XG4gICAgfSBlbHNlIHtcbiAgICAgIG5ld1ZhbHVlID0gdGhpcy5vcHRpb25zW2N1cnJlbnRJbmRleCAtIDFdO1xuICAgIH1cblxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdChuZXdWYWx1ZSk7XG4gIH1cbn1cbiIsIjxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJ2YWx1ZVVwKClcIj5cbiAgICA8bWF0LWljb24+a2V5Ym9hcmRfYXJyb3dfdXA8L21hdC1pY29uPlxuPC9idXR0b24+XG48ZGl2Plxue3sodmFsdWUgPCAxMCA/ICcwJyA6ICcnICkgKyB2YWx1ZX19XG48L2Rpdj5cbjxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJ2YWx1ZURvd24oKVwiPlxuICAgIDxtYXQtaWNvbj5rZXlib2FyZF9hcnJvd19kb3duPC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWRhdGUtdGltZS1waWNrZXItZGF0YS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL2NhdWNhLWRhdGUtdGltZS1waWNrZXIvbW9kZWxzL2RpYWxvZy1kYXRlLXRpbWUtcGlja2VyLWRhdGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRGlhbG9nRGF0ZVRpbWVQaWNrZXJEYXRhU3RlcCB7XG4gICAgaG91cnM6IG51bWJlcixcbiAgICBtaW51dGVzOiBudW1iZXIsXG4gICAgc2Vjb25kczogbnVtYmVyLFxufVxuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0RhdGVUaW1lUGlja2VyRGF0YURpc2FibGVkIHtcbiAgICBob3VyczogYm9vbGVhbixcbiAgICBzb21lSG91cnM6IG51bWJlcltdLFxuICAgIG1pbnV0ZXM6IGJvb2xlYW4sXG4gICAgc29tZU1pbnV0ZXM6IG51bWJlcltdLFxuICAgIHNlY29uZHM6IGJvb2xlYW4sXG4gICAgc29tZVNlY29uZHM6IG51bWJlcltdLFxufVxuXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0RhdGVUaW1lUGlja2VyT3B0aW9ucyB7XG4gICAgc2VsZWN0ZWREYXRlOiBEYXRlLFxuICAgIG1pbmltdW1EYXRlOiBEYXRlLFxuICAgIG1heGltdW1EYXRlOiBEYXRlLFxuICAgIHNob3dTZWNvbmRzOiBib29sZWFuLFxuICAgIHNob3dDbGVhckJ1dHRvbjogYm9vbGVhbixcbiAgICBzaG93QnV0dG9uSWNvbnM6IGJvb2xlYW4sXG4gICAgc3RlcDogRGlhbG9nRGF0ZVRpbWVQaWNrZXJEYXRhU3RlcCxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEaWFsb2dEYXRlVGltZVBpY2tlclZhbHVlIHtcbiAgICB2YWx1ZTogRGF0ZSxcbn0iXX0=
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
3
|
+
import { CaucaSimpleDialogComponent } from '../../cauca-simple-dialog/cauca-simple-dialog.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@cauca-911/core";
|
|
6
|
+
import * as i2 from "@angular/material/dialog";
|
|
7
|
+
import * as i3 from "@angular/material/icon";
|
|
8
|
+
const _c0 = ["file"];
|
|
9
|
+
function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
i0.ɵɵelementStart(0, "mat-icon");
|
|
11
|
+
i0.ɵɵtext(1);
|
|
12
|
+
i0.ɵɵelementEnd();
|
|
13
|
+
} if (rf & 2) {
|
|
14
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
15
|
+
i0.ɵɵadvance();
|
|
16
|
+
i0.ɵɵtextInterpolate(ctx_r1.icon);
|
|
17
|
+
} }
|
|
18
|
+
function CaucaInputFileComponent_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
19
|
+
i0.ɵɵelementStart(0, "span");
|
|
20
|
+
i0.ɵɵtext(1);
|
|
21
|
+
i0.ɵɵelementEnd();
|
|
22
|
+
} if (rf & 2) {
|
|
23
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
24
|
+
i0.ɵɵadvance();
|
|
25
|
+
i0.ɵɵtextInterpolate(ctx_r1.text);
|
|
26
|
+
} }
|
|
27
|
+
function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
28
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
29
|
+
i0.ɵɵelementContainerStart(0);
|
|
30
|
+
i0.ɵɵelementStart(1, "input", 5, 1);
|
|
31
|
+
i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
|
|
32
|
+
i0.ɵɵelementEnd();
|
|
33
|
+
i0.ɵɵelementContainerEnd();
|
|
34
|
+
} if (rf & 2) {
|
|
35
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
36
|
+
i0.ɵɵadvance();
|
|
37
|
+
i0.ɵɵproperty("accept", ctx_r1.accept);
|
|
38
|
+
} }
|
|
39
|
+
function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
40
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
41
|
+
i0.ɵɵelementStart(0, "input", 6, 1);
|
|
42
|
+
i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
|
|
43
|
+
i0.ɵɵelementEnd();
|
|
44
|
+
} if (rf & 2) {
|
|
45
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
46
|
+
i0.ɵɵproperty("accept", ctx_r1.accept);
|
|
47
|
+
} }
|
|
48
|
+
export class CaucaInputFileComponent {
|
|
49
|
+
constructor(translateService, dialog) {
|
|
50
|
+
this.translateService = translateService;
|
|
51
|
+
this.dialog = dialog;
|
|
52
|
+
this.readend = new EventEmitter();
|
|
53
|
+
this.accept = '';
|
|
54
|
+
this.multiple = false;
|
|
55
|
+
this.icon = '';
|
|
56
|
+
this.text = '';
|
|
57
|
+
this.labels = {};
|
|
58
|
+
}
|
|
59
|
+
ngOnInit() {
|
|
60
|
+
if (!this.icon && !this.text) {
|
|
61
|
+
this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
|
|
62
|
+
this.labels = labels;
|
|
63
|
+
this.text = labels['material.select'];
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
onSelectFile(e) {
|
|
68
|
+
for (let i = 0, j = e.target.files.length; i < j; i++) {
|
|
69
|
+
const file = e.target.files[i];
|
|
70
|
+
const reader = new FileReader();
|
|
71
|
+
reader.onerror = ((error) => this.onError(error));
|
|
72
|
+
reader.onload = ((event) => this.onReadEnd(file, event));
|
|
73
|
+
reader.readAsDataURL(file);
|
|
74
|
+
}
|
|
75
|
+
if (e.target.files.length) {
|
|
76
|
+
this.dialog.open(CaucaSimpleDialogComponent, {
|
|
77
|
+
width: '250px',
|
|
78
|
+
disableClose: true,
|
|
79
|
+
data: {
|
|
80
|
+
title: this.labels['material.dialogTitle'],
|
|
81
|
+
message: this.labels['material.dialogMessage']
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
openDialog(event) {
|
|
87
|
+
if (this.file) {
|
|
88
|
+
this.file.nativeElement.click();
|
|
89
|
+
}
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
}
|
|
92
|
+
onError(error) {
|
|
93
|
+
throw error;
|
|
94
|
+
}
|
|
95
|
+
onReadEnd(file, e) {
|
|
96
|
+
this.dialog.closeAll();
|
|
97
|
+
this.readend.emit({
|
|
98
|
+
name: file.name,
|
|
99
|
+
size: file.size,
|
|
100
|
+
type: file.type,
|
|
101
|
+
lastModifiedDate: file.lastModifiedDate,
|
|
102
|
+
content: e.target['result'],
|
|
103
|
+
file,
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
static { this.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1.TranslateService), i0.ɵɵdirectiveInject(i2.MatDialog)); }; }
|
|
107
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
|
|
108
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
109
|
+
} if (rf & 2) {
|
|
110
|
+
let _t;
|
|
111
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
|
|
112
|
+
} }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 4, consts: [["notMultipleInput", ""], ["file", ""], ["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
|
|
113
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
114
|
+
i0.ɵɵelementStart(0, "button", 2);
|
|
115
|
+
i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openDialog($event)); });
|
|
116
|
+
i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 3)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 3);
|
|
117
|
+
i0.ɵɵelementEnd();
|
|
118
|
+
i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 4)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
119
|
+
} if (rf & 2) {
|
|
120
|
+
const notMultipleInput_r5 = i0.ɵɵreference(5);
|
|
121
|
+
i0.ɵɵadvance();
|
|
122
|
+
i0.ɵɵproperty("ngIf", ctx.icon);
|
|
123
|
+
i0.ɵɵadvance();
|
|
124
|
+
i0.ɵɵproperty("ngIf", ctx.text);
|
|
125
|
+
i0.ɵɵadvance();
|
|
126
|
+
i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
|
|
127
|
+
} }, dependencies: [MatIconModule, i3.MatIcon], styles: ["[_nghost-%COMP%] input[_ngcontent-%COMP%]{display:none}"] }); }
|
|
128
|
+
}
|
|
129
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
|
|
130
|
+
type: Component,
|
|
131
|
+
args: [{ standalone: true, imports: [MatIconModule], selector: 'cauca-input-file', template: "<button mat-raised-button (click)=\"openDialog($event)\">\n <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n <span *ngIf=\"text\">{{text}}</span>\n</button>\n<ng-container *ngIf=\"multiple; else notMultipleInput\">\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n</ng-container>\n\n<ng-template #notMultipleInput>\n <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n</ng-template>", styles: [":host input{display:none}\n"] }]
|
|
132
|
+
}], () => [{ type: i1.TranslateService }, { type: i2.MatDialog }], { file: [{
|
|
133
|
+
type: ViewChild,
|
|
134
|
+
args: ['file', { static: false }]
|
|
135
|
+
}], readend: [{
|
|
136
|
+
type: Output
|
|
137
|
+
}], accept: [{
|
|
138
|
+
type: Input
|
|
139
|
+
}], multiple: [{
|
|
140
|
+
type: Input
|
|
141
|
+
}], icon: [{
|
|
142
|
+
type: Input
|
|
143
|
+
}], text: [{
|
|
144
|
+
type: Input
|
|
145
|
+
}] }); })();
|
|
146
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib\\inputs\\cauca-input-file\\cauca-input-file.component.ts", lineNumber: 14 }); })();
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F1Y2EtaW5wdXQtZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2lucHV0cy9jYXVjYS1pbnB1dC1maWxlL2NhdWNhLWlucHV0LWZpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvY2F1Y2EtaW5wdXQtZmlsZS9jYXVjYS1pbnB1dC1maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3RHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQzs7Ozs7OztJQ0hqRyxnQ0FBdUI7SUFBQSxZQUFRO0lBQUEsaUJBQVc7OztJQUFuQixjQUFRO0lBQVIsaUNBQVE7OztJQUMvQiw0QkFBbUI7SUFBQSxZQUFRO0lBQUEsaUJBQU87OztJQUFmLGNBQVE7SUFBUixpQ0FBUTs7OztJQUUvQiw2QkFBc0Q7SUFDcEQsbUNBQWlHO0lBQXhFLG1NQUFVLDJCQUFvQixLQUFDO0lBQXhELGlCQUFpRzs7OztJQUF4QyxjQUFpQjtJQUFqQixzQ0FBaUI7Ozs7SUFJMUUsbUNBQTZFO0lBQXBELGtNQUFVLDJCQUFvQixLQUFDO0lBQXhELGlCQUE2RTs7O0lBQXBCLHNDQUFpQjs7QURJNUUsTUFBTSxPQUFPLHVCQUF1QjtJQWdCaEMsWUFDWSxnQkFBa0MsRUFDbEMsTUFBaUI7UUFEakIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBZHRCLFlBQU8sR0FBRyxJ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QyxDQUFDO0lBQ1AsQ0FBQzt3RkEzRVEsdUJBQXVCO29FQUF2Qix1QkFBdUI7Ozs7Ozs7WUNicEMsaUNBQXVEO1lBQTdCLGdKQUFTLHNCQUFrQixLQUFDO1lBRWxELEFBREEsa0ZBQXVCLDZEQUNKO1lBQ3ZCLGlCQUFTO1lBS1QsQUFKQSwwRkFBc0QsNEdBSXZCOzs7WUFQaEIsY0FBVTtZQUFWLCtCQUFVO1lBQ2QsY0FBVTtZQUFWLCtCQUFVO1lBRU4sY0FBZ0I7WUFBQSxBQUFoQixtQ0FBZ0IsaUNBQXFCOzRCREl0QyxhQUFhOztpRkFLZCx1QkFBdUI7Y0FQbkMsU0FBUzs2QkFDTSxJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUMsWUFDZCxrQkFBa0I7eUVBTXJCLElBQUk7a0JBRFYsU0FBUzttQkFBQyxNQUFNLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDO1lBRzNCLE9BQU87a0JBRGIsTUFBTTtZQUdBLE1BQU07a0JBRFosS0FBSztZQUdDLFFBQVE7a0JBRGQsS0FBSztZQUdDLElBQUk7a0JBRFYsS0FBSztZQUdDLElBQUk7a0JBRFYsS0FBSzs7a0ZBWEcsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BjYXVjYS05MTEvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDYXVjYVNpbXBsZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NhdWNhLXNpbXBsZS1kaWFsb2cvY2F1Y2Etc2ltcGxlLWRpYWxvZy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtNYXRJY29uTW9kdWxlXSxcbiAgICBzZWxlY3RvcjogJ2NhdWNhLWlucHV0LWZpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXVjYS1pbnB1dC1maWxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXVjYS1pbnB1dC1maWxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2F1Y2FJbnB1dEZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBWaWV3Q2hpbGQoJ2ZpbGUnLCB7c3RhdGljOiBmYWxzZX0pXG4gICAgcHVibGljIGZpbGU6IEVsZW1lbnRSZWY7XG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRlbmQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYWNjZXB0ID0gJyc7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbXVsdGlwbGUgPSBmYWxzZTtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uID0gJyc7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdGV4dCA9ICcnO1xuXG4gICAgcHJpdmF0ZSBsYWJlbHM6IGFueSA9IHt9O1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZVNlcnZpY2U6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgZGlhbG9nOiBNYXREaWFsb2csXG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuaWNvbiAmJiAhdGhpcy50ZXh0KSB7XG4gICAgICAgICAgICB0aGlzLnRyYW5zbGF0ZVNlcnZpY2UuZ2V0KFxuICAgICAgICAgICAgICAgIFsnbWF0ZXJpYWwuc2VsZWN0JywgJ21hdGVyaWFsLmRpYWxvZ1RpdGxlJywgJ21hdGVyaWFsLmRpYWxvZ01lc3NhZ2UnXVxuICAgICAgICAgICAgKS5zdWJzY3JpYmUoKGxhYmVsczogYW55KSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5sYWJlbHMgPSBsYWJlbHM7XG4gICAgICAgICAgICAgICAgdGhpcy50ZXh0ID0gbGFiZWxzWydtYXRlcmlhbC5zZWxlY3QnXTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG9uU2VsZWN0RmlsZShlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgZm9yIChsZXQgaSA9IDAsIGogPSBlLnRhcmdldC5maWxlcy5sZW5ndGg7IGkgPCBqOyBpKyspIHtcbiAgICAgICAgICAgIGNvbnN0IGZpbGUgPSBlLnRhcmdldC5maWxlc1tpXTtcbiAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgICAgICAgICByZWFkZXIub25lcnJvciA9ICgoZXJyb3I6IGFueSkgPT4gdGhpcy5vbkVycm9yKGVycm9yKSk7XG4gICAgICAgICAgICByZWFkZXIub25sb2FkID0gKChldmVudDogYW55KSA9PiB0aGlzLm9uUmVhZEVuZChmaWxlLCBldmVudCkpO1xuICAgICAgICAgICAgcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoZS50YXJnZXQuZmlsZXMubGVuZ3RoKSB7XG4gICAgICAgICAgICB0aGlzLmRpYWxvZy5vcGVuKENhdWNhU2ltcGxlRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICAgICAgICAgICAgd2lkdGg6ICcyNTBweCcsXG4gICAgICAgICAgICAgICAgZGlzYWJsZUNsb3NlOiB0cnVlLFxuICAgICAgICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU6IHRoaXMubGFiZWxzWydtYXRlcmlhbC5kaWFsb2dUaXRsZSddLFxuICAgICAgICAgICAgICAgICAgICBtZXNzYWdlOiB0aGlzLmxhYmVsc1snbWF0ZXJpYWwuZGlhbG9nTWVzc2FnZSddXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgb3BlbkRpYWxvZyhldmVudDogYW55KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmZpbGUpIHtcbiAgICAgICAgICAgIHRoaXMuZmlsZS5uYXRpdmVFbGVtZW50LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvbkVycm9yKGVycm9yOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhyb3cgZXJyb3I7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvblJlYWRFbmQoZmlsZTogYW55LCBlOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaWFsb2cuY2xvc2VBbGwoKTtcbiAgICAgICAgdGhpcy5yZWFkZW5kLmVtaXQoe1xuICAgICAgICAgICAgbmFtZTogZmlsZS5uYW1lLFxuICAgICAgICAgICAgc2l6ZTogZmlsZS5zaXplLFxuICAgICAgICAgICAgdHlwZTogZmlsZS50eXBlLFxuICAgICAgICAgICAgbGFzdE1vZGlmaWVkRGF0ZTogZmlsZS5sYXN0TW9kaWZpZWREYXRlLFxuICAgICAgICAgICAgY29udGVudDogZS50YXJnZXRbJ3Jlc3VsdCddLFxuICAgICAgICAgICAgZmlsZSxcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib3BlbkRpYWxvZygkZXZlbnQpXCI+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgICA8c3BhbiAqbmdJZj1cInRleHRcIj57e3RleHR9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm11bHRpcGxlOyBlbHNlIG5vdE11bHRpcGxlSW5wdXRcIj5cbiAgPGlucHV0ICNmaWxlIHR5cGU9XCJmaWxlXCIgKGNoYW5nZSk9XCJvblNlbGVjdEZpbGUoJGV2ZW50KVwiIFthY2NlcHRdPVwiYWNjZXB0XCIgbXVsdGlwbGU9XCJtdWx0aXBsZVwiIC8+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNub3RNdWx0aXBsZUlucHV0PlxuICA8aW5wdXQgI2ZpbGUgdHlwZT1cImZpbGVcIiAoY2hhbmdlKT1cIm9uU2VsZWN0RmlsZSgkZXZlbnQpXCIgW2FjY2VwdF09XCJhY2NlcHRcIiAvPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
package/esm2022/lib/inputs/cauca-input-multiple-langue/cauca-input-multiple-langue.component.mjs
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { NgIf } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule, UntypedFormControl, Validators } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatInputModule } from '@angular/material/input';
|
|
6
|
+
import { MatTabsModule } from '@angular/material/tabs';
|
|
7
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@cauca-911/core";
|
|
10
|
+
import * as i2 from "@angular/material/tabs";
|
|
11
|
+
import * as i3 from "@angular/material/form-field";
|
|
12
|
+
import * as i4 from "@angular/material/input";
|
|
13
|
+
import * as i5 from "@angular/forms";
|
|
14
|
+
import * as i6 from "@ngx-translate/core";
|
|
15
|
+
function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
+
i0.ɵɵelementStart(0, "mat-error");
|
|
17
|
+
i0.ɵɵtext(1);
|
|
18
|
+
i0.ɵɵpipe(2, "translate");
|
|
19
|
+
i0.ɵɵelementEnd();
|
|
20
|
+
} if (rf & 2) {
|
|
21
|
+
const i_r1 = i0.ɵɵnextContext().index;
|
|
22
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
23
|
+
i0.ɵɵadvance();
|
|
24
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(i_r1)));
|
|
25
|
+
} }
|
|
26
|
+
function CaucaInputMultipleLangueComponent_mat_tab_1_Template(rf, ctx) { if (rf & 1) {
|
|
27
|
+
i0.ɵɵelementStart(0, "mat-tab", 2)(1, "mat-form-field", 3);
|
|
28
|
+
i0.ɵɵelement(2, "input", 4);
|
|
29
|
+
i0.ɵɵtemplate(3, CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template, 3, 3, "mat-error", 5);
|
|
30
|
+
i0.ɵɵelementEnd()();
|
|
31
|
+
} if (rf & 2) {
|
|
32
|
+
const lang_r3 = ctx.$implicit;
|
|
33
|
+
const i_r1 = ctx.index;
|
|
34
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
35
|
+
i0.ɵɵproperty("label", lang_r3);
|
|
36
|
+
i0.ɵɵadvance(2);
|
|
37
|
+
i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[i_r1]);
|
|
38
|
+
i0.ɵɵadvance();
|
|
39
|
+
i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].invalid);
|
|
40
|
+
} }
|
|
41
|
+
export class CaucaInputMultipleLangueComponent {
|
|
42
|
+
constructor(coreService, translate) {
|
|
43
|
+
this.translate = translate;
|
|
44
|
+
this.value = [];
|
|
45
|
+
this.forms = [];
|
|
46
|
+
this.labels = [];
|
|
47
|
+
this.selectedIndex = 0;
|
|
48
|
+
this.config = coreService.getConfig();
|
|
49
|
+
}
|
|
50
|
+
ngOnInit() {
|
|
51
|
+
this.translate.get(this.config.languages).subscribe((labels) => {
|
|
52
|
+
for (const i in labels) {
|
|
53
|
+
if (labels[i]) {
|
|
54
|
+
this.labels.push(labels[i]);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
this.initializeForms();
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
onTagChanged(tabIndex) {
|
|
61
|
+
console.log('cauca-material, onTabChanged', tabIndex);
|
|
62
|
+
}
|
|
63
|
+
getErrorMessage(index) {
|
|
64
|
+
return this.forms[index].hasError('required') ? 'error.required' : '';
|
|
65
|
+
}
|
|
66
|
+
initializeForms() {
|
|
67
|
+
this.labels.forEach((item, index) => {
|
|
68
|
+
this.forms[index] = new UntypedFormControl('', [Validators.required]);
|
|
69
|
+
this.forms[index].setValue(this.value[index] || '');
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1.CaucaCoreService), i0.ɵɵdirectiveInject(i1.TranslateService)); }; }
|
|
73
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [[3, "selectedIndexChange", "selectedIndex"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"], [4, "ngIf"]], template: function CaucaInputMultipleLangueComponent_Template(rf, ctx) { if (rf & 1) {
|
|
74
|
+
i0.ɵɵelementStart(0, "mat-tab-group", 0);
|
|
75
|
+
i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
|
|
76
|
+
i0.ɵɵtemplate(1, CaucaInputMultipleLangueComponent_mat_tab_1_Template, 4, 4, "mat-tab", 1);
|
|
77
|
+
i0.ɵɵelementEnd();
|
|
78
|
+
} if (rf & 2) {
|
|
79
|
+
i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
|
|
80
|
+
i0.ɵɵadvance();
|
|
81
|
+
i0.ɵɵproperty("ngForOf", ctx.labels);
|
|
82
|
+
} }, dependencies: [MatTabsModule, i2.MatTab, i2.MatTabGroup, MatFormFieldModule, i3.MatFormField, i3.MatError, MatInputModule, i4.MatInput, NgIf,
|
|
83
|
+
ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective, TranslateModule, i6.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
|
|
84
|
+
}
|
|
85
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{ standalone: true, imports: [
|
|
88
|
+
MatTabsModule,
|
|
89
|
+
MatFormFieldModule,
|
|
90
|
+
MatInputModule,
|
|
91
|
+
NgIf,
|
|
92
|
+
ReactiveFormsModule,
|
|
93
|
+
TranslateModule
|
|
94
|
+
], selector: 'cauca-input-multiple-langue', template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n <mat-tab *ngFor=\"let lang of labels; let i = index\" [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n <mat-error *ngIf=\"forms[i].invalid\">{{getErrorMessage(i) | translate}}</mat-error>\n </mat-form-field>\n </mat-tab>\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
|
|
95
|
+
}], () => [{ type: i1.CaucaCoreService }, { type: i1.TranslateService }], { value: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}] }); })();
|
|
98
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib\\inputs\\cauca-input-multiple-langue\\cauca-input-multiple-langue.component.ts", lineNumber: 24 }); })();
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F1Y2EtaW5wdXQtbXVsdGlwbGUtbGFuZ3VlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL2NhdWNhLWlucHV0LW11bHRpcGxlLWxhbmd1ZS9jYXVjYS1pbnB1dC1tdWx0aXBsZS1sYW5ndWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvY2F1Y2EtaW5wdXQtbXVsdGlwbGUtbGFuZ3VlL2NhdWNhLWlucHV0LW11bHRpcGxlLWxhbmd1ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFDLG1CQUFtQixFQUFFLGtCQUFrQixFQUFFLFVBQVUsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ25GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7Ozs7SUNIaEQsaUNBQW9DO0lBQUEsWUFBa0M7O0lBQUEsaUJBQVk7Ozs7SUFBOUMsY0FBa0M7SUFBbEMsd0VBQWtDOzs7SUFGeEUsQUFERixrQ0FBbUUsd0JBQ3RCO0lBQ3pDLDJCQUFrRjtJQUNsRix3R0FBb0M7SUFFeEMsQUFERSxpQkFBaUIsRUFDVDs7Ozs7SUFMMEMsK0JBQWM7SUFFOUMsZUFBb0I7SUFBQyxBQUFyQixxQ0FBb0IsbUNBQXlCO0lBQ2pELGNBQXNCO0lBQXRCLGlEQUFzQjs7QURtQnhDLE1BQU0sT0FBTyxpQ0FBaUM7SUFRMUMsWUFDSSxXQUE2QixFQUNyQixTQUEyQjtRQUEzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQVJoQyxVQUFLLEdBQWEsRUFBRSxDQUFDO1FBRXJCLFVBQUssR0FBeUIsRUFBRSxDQUFDO1FBQ2pDLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFDdEIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFNckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxXQUFXLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVNLFFBQVE7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQVcsRUFBRSxFQUFFO1lBQ2hFLEtBQUssTUFBTSxDQUFDLElBQUksTUFBTSxFQUFFLENBQUM7Z0JBQ3JCLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2hDLENBQUM7WUFDTCxDQUFDO1lBQ0QsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFlBQVksQ0FBQyxRQUFnQjtRQUNoQyxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QixFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFTSxlQUFlLENBQUMsS0FBVTtRQUM3QixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzFFLENBQUM7SUFFTyxlQUFlO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQzdDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztZQUN0RSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztrR0F2Q1EsaUNBQWlDO29FQUFqQyxpQ0FBaUM7WUN2QjlDLHdDQUE0RjtZQUE3Qyx1SkFBdUIsd0JBQW9CLElBQUM7WUFDekYsMEZBQW1FO1lBTXJFLGlCQUFnQjs7WUFQRCxpREFBK0I7WUFDbEIsY0FBVztZQUFYLG9DQUFXOzRCRFcvQixhQUFhLDZCQUNiLGtCQUFrQixnQ0FDbEIsY0FBYyxlQUNkLElBQUk7WUFDSixtQkFBbUIsOEZBQ25CLGVBQWU7O2lGQU1WLGlDQUFpQztjQWQ3QyxTQUFTOzZCQUNNLElBQUksV0FDUDtvQkFDTCxhQUFhO29CQUNiLGtCQUFrQjtvQkFDbEIsY0FBYztvQkFDZCxJQUFJO29CQUNKLG1CQUFtQjtvQkFDbkIsZUFBZTtpQkFDbEIsWUFDUyw2QkFBNkI7Z0ZBTWhDLEtBQUs7a0JBRFgsS0FBSzs7a0ZBREcsaUNBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGUsIFVudHlwZWRGb3JtQ29udHJvbCwgVmFsaWRhdG9yc30gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IE1hdFRhYnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcbmltcG9ydCB7Q29uZmlndXJhdGlvbiwgQ2F1Y2FDb3JlU2VydmljZSwgVHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQGNhdWNhLTkxMS9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTWF0VGFic01vZHVsZSxcbiAgICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICAgICAgTmdJZixcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTW9kdWxlXG4gICAgXSxcbiAgICBzZWxlY3RvcjogJ2NhdWNhLWlucHV0LW11bHRpcGxlLWxhbmd1ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhdWNhLWlucHV0LW11bHRpcGxlLWxhbmd1ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2F1Y2EtaW5wdXQtbXVsdGlwbGUtbGFuZ3VlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2F1Y2FJbnB1dE11bHRpcGxlTGFuZ3VlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB2YWx1ZTogc3RyaW5nW10gPSBbXTtcbiAgICBwdWJsaWMgY29uZmlnOiBDb25maWd1cmF0aW9uO1xuICAgIHB1YmxpYyBmb3JtczogVW50eXBlZEZvcm1Db250cm9sW10gPSBbXTtcbiAgICBwdWJsaWMgbGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuICAgIHB1YmxpYyBzZWxlY3RlZEluZGV4ID0gMDtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihcbiAgICAgICAgY29yZVNlcnZpY2U6IENhdWNhQ29yZVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICB0aGlzLmNvbmZpZyA9IGNvcmVTZXJ2aWNlLmdldENvbmZpZygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50cmFuc2xhdGUuZ2V0KHRoaXMuY29uZmlnLmxhbmd1YWdlcykuc3Vic2NyaWJlKChsYWJlbHM6IGFueSkgPT4ge1xuICAgICAgICAgICAgZm9yIChjb25zdCBpIGluIGxhYmVscykge1xuICAgICAgICAgICAgICAgIGlmIChsYWJlbHNbaV0pIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sYWJlbHMucHVzaChsYWJlbHNbaV0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZUZvcm1zKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyBvblRhZ0NoYW5nZWQodGFiSW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgICAgICBjb25zb2xlLmxvZygnY2F1Y2EtbWF0ZXJpYWwsIG9uVGFiQ2hhbmdlZCcsIHRhYkluZGV4KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RXJyb3JNZXNzYWdlKGluZGV4OiBhbnkpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3Jtc1tpbmRleF0uaGFzRXJyb3IoJ3JlcXVpcmVkJykgPyAnZXJyb3IucmVxdWlyZWQnIDogJyc7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0aWFsaXplRm9ybXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubGFiZWxzLmZvckVhY2goKGl0ZW06IGFueSwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgICAgICAgdGhpcy5mb3Jtc1tpbmRleF0gPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xuICAgICAgICAgICAgdGhpcy5mb3Jtc1tpbmRleF0uc2V0VmFsdWUodGhpcy52YWx1ZVtpbmRleF0gfHwgJycpO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bWF0LXRhYi1ncm91cCBbc2VsZWN0ZWRJbmRleF09XCJzZWxlY3RlZEluZGV4XCIgKHNlbGVjdGVkSW5kZXhDaGFuZ2UpPVwib25UYWdDaGFuZ2VkKCRldmVudClcIj5cbiAgPG1hdC10YWIgKm5nRm9yPVwibGV0IGxhbmcgb2YgbGFiZWxzOyBsZXQgaSA9IGluZGV4XCIgW2xhYmVsXT1cImxhbmdcIj5cbiAgICA8bWF0LWZvcm0tZmllbGQgaGlkZVJlcXVpcmVkTWFya2VyPVwibmV2ZXJcIj5cbiAgICAgIDxpbnB1dCBtYXRJbnB1dCBbcGxhY2Vob2xkZXJdPVwibGFuZ1wiIFtmb3JtQ29udHJvbF09XCJmb3Jtc1tpXVwiIHJlcXVpcmVkPVwicmVxdWlyZWRcIj5cbiAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJmb3Jtc1tpXS5pbnZhbGlkXCI+e3tnZXRFcnJvck1lc3NhZ2UoaSkgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDwvbWF0LXRhYj5cbjwvbWF0LXRhYi1ncm91cD4iXX0=
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export class PasswordValidation {
|
|
2
|
+
constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
|
|
3
|
+
this.hasMinimumCharacters = hasMinimumCharacters;
|
|
4
|
+
this.hasMinimumNumeric = hasMinimumNumeric;
|
|
5
|
+
this.hasLowerAndUppercase = hasLowerAndUppercase;
|
|
6
|
+
this.hasSpecialCharacter = hasSpecialCharacter;
|
|
7
|
+
this.hasIdenticalPassword = hasIdenticalPassword;
|
|
8
|
+
}
|
|
9
|
+
isValid() {
|
|
10
|
+
return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtdmFsaWRhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL3Bhc3N3b3JkL21vZGVscy9wYXNzd29yZC12YWxpZGF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxrQkFBa0I7SUFPM0IsWUFBbUIsdUJBQWdDLEtBQUssRUFBRSxvQkFBNkIsS0FBSyxFQUFFLHVCQUFnQyxLQUFLLEVBQUUsc0JBQStCLEtBQUssRUFBRSx1QkFBZ0MsS0FBSztRQUM1TSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsb0JBQW9CLENBQUM7UUFDakQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGlCQUFpQixDQUFDO1FBQzNDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxvQkFBb0IsQ0FBQztRQUNqRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsbUJBQW1CLENBQUM7UUFDL0MsSUFBSSxDQUFDLG9CQUFvQixHQUFHLG9CQUFvQixDQUFDO0lBQ3JELENBQUM7SUFFTSxPQUFPO1FBQ1YsT0FBTyxJQUFJLENBQUMsb0JBQW9CLElBQUksSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxJQUFJLENBQUMsbUJBQW1CLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFBO0lBQ3BKLENBQUM7Q0FFSiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBQYXNzd29yZFZhbGlkYXRpb24ge1xyXG4gICAgcHVibGljIGhhc01pbmltdW1DaGFyYWN0ZXJzOiBib29sZWFuO1xyXG4gICAgcHVibGljIGhhc01pbmltdW1OdW1lcmljOiBib29sZWFuO1xyXG4gICAgcHVibGljIGhhc0xvd2VyQW5kVXBwZXJjYXNlOiBib29sZWFuO1xyXG4gICAgcHVibGljIGhhc1NwZWNpYWxDaGFyYWN0ZXI6IGJvb2xlYW47XHJcbiAgICBwdWJsaWMgaGFzSWRlbnRpY2FsUGFzc3dvcmQ6IGJvb2xlYW47XHJcblxyXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGhhc01pbmltdW1DaGFyYWN0ZXJzOiBib29sZWFuID0gZmFsc2UsIGhhc01pbmltdW1OdW1lcmljOiBib29sZWFuID0gZmFsc2UsIGhhc0xvd2VyQW5kVXBwZXJjYXNlOiBib29sZWFuID0gZmFsc2UsIGhhc1NwZWNpYWxDaGFyYWN0ZXI6IGJvb2xlYW4gPSBmYWxzZSwgaGFzSWRlbnRpY2FsUGFzc3dvcmQ6IGJvb2xlYW4gPSBmYWxzZSkge1xyXG4gICAgICAgIHRoaXMuaGFzTWluaW11bUNoYXJhY3RlcnMgPSBoYXNNaW5pbXVtQ2hhcmFjdGVycztcclxuICAgICAgICB0aGlzLmhhc01pbmltdW1OdW1lcmljID0gaGFzTWluaW11bU51bWVyaWM7XHJcbiAgICAgICAgdGhpcy5oYXNMb3dlckFuZFVwcGVyY2FzZSA9IGhhc0xvd2VyQW5kVXBwZXJjYXNlO1xyXG4gICAgICAgIHRoaXMuaGFzU3BlY2lhbENoYXJhY3RlciA9IGhhc1NwZWNpYWxDaGFyYWN0ZXI7XHJcbiAgICAgICAgdGhpcy5oYXNJZGVudGljYWxQYXNzd29yZCA9IGhhc0lkZW50aWNhbFBhc3N3b3JkO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBpc1ZhbGlkKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmhhc01pbmltdW1DaGFyYWN0ZXJzICYmIHRoaXMuaGFzTWluaW11bU51bWVyaWMgJiYgdGhpcy5oYXNMb3dlckFuZFVwcGVyY2FzZSAmJiB0aGlzLmhhc1NwZWNpYWxDaGFyYWN0ZXIgJiYgdGhpcy5oYXNJZGVudGljYWxQYXNzd29yZFxyXG4gICAgfVxyXG5cclxufSJdfQ==
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { NgClass } from '@angular/common';
|
|
2
|
+
import { Component, input } from '@angular/core';
|
|
3
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
4
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/icon";
|
|
7
|
+
import * as i2 from "@ngx-translate/core";
|
|
8
|
+
function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
9
|
+
i0.ɵɵelementStart(0, "mat-icon", 0);
|
|
10
|
+
i0.ɵɵtext(1, "check_circle");
|
|
11
|
+
i0.ɵɵelementEnd();
|
|
12
|
+
} if (rf & 2) {
|
|
13
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
14
|
+
i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
|
|
15
|
+
} }
|
|
16
|
+
function PasswordCriteriaComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
+
i0.ɵɵelementStart(0, "mat-icon", 1);
|
|
18
|
+
i0.ɵɵtext(1, "cancel");
|
|
19
|
+
i0.ɵɵelementEnd();
|
|
20
|
+
} if (rf & 2) {
|
|
21
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
22
|
+
i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
|
|
23
|
+
} }
|
|
24
|
+
export class PasswordCriteriaComponent {
|
|
25
|
+
constructor() {
|
|
26
|
+
this.label = input.required();
|
|
27
|
+
this.condition = input(false);
|
|
28
|
+
this.disabled = input(false);
|
|
29
|
+
}
|
|
30
|
+
static { this.ɵfac = function PasswordCriteriaComponent_Factory(t) { return new (t || PasswordCriteriaComponent)(); }; }
|
|
31
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaComponent, selectors: [["app-password-criteria"]], inputs: { label: [1, "label"], condition: [1, "condition"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 3, consts: [[1, "green", 3, "ngClass"], [1, "red", 3, "ngClass"], ["translate", "", 1, "body2", 3, "ngClass"]], template: function PasswordCriteriaComponent_Template(rf, ctx) { if (rf & 1) {
|
|
32
|
+
i0.ɵɵtemplate(0, PasswordCriteriaComponent_Conditional_0_Template, 2, 1, "mat-icon", 0)(1, PasswordCriteriaComponent_Conditional_1_Template, 2, 1, "mat-icon", 1);
|
|
33
|
+
i0.ɵɵelementStart(2, "label", 2);
|
|
34
|
+
i0.ɵɵtext(3);
|
|
35
|
+
i0.ɵɵelementEnd();
|
|
36
|
+
} if (rf & 2) {
|
|
37
|
+
i0.ɵɵconditional(ctx.condition() ? 0 : 1);
|
|
38
|
+
i0.ɵɵadvance(2);
|
|
39
|
+
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
40
|
+
i0.ɵɵadvance();
|
|
41
|
+
i0.ɵɵtextInterpolate(ctx.label());
|
|
42
|
+
} }, dependencies: [MatIconModule, i1.MatIcon, TranslateModule, i2.TranslateDirective, NgClass], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px}.green[_ngcontent-%COMP%]{fill:#81c784;color:#81c784}.red[_ngcontent-%COMP%]{fill:#e57373;color:#e57373}label[_ngcontent-%COMP%]{color:#000}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
|
|
43
|
+
}
|
|
44
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: 'app-password-criteria', standalone: true, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
|
|
47
|
+
}], null, null); })();
|
|
48
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib\\inputs\\password\\password-criteria\\password-criteria.component.ts", lineNumber: 13 }); })();
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtY3JpdGVyaWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvcGFzc3dvcmQvcGFzc3dvcmQtY3JpdGVyaWEvcGFzc3dvcmQtY3JpdGVyaWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvcGFzc3dvcmQvcGFzc3dvcmQtY3JpdGVyaWEvcGFzc3dvcmQtY3JpdGVyaWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQWUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7O0lDRnRELG1DQUFpRTtJQUFBLDRCQUFZO0lBQUEsaUJBQVc7OztJQUE5RSw2REFBd0M7OztJQUVsRCxtQ0FBK0Q7SUFBQSxzQkFBTTtJQUFBLGlCQUFXOzs7SUFBdEUsNkRBQXdDOztBRFNsRCxNQUFNLE9BQU8seUJBQXlCO0lBUHRDO1FBUVMsVUFBSyxHQUF3QixLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDdEQsY0FBUyxHQUF5QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsYUFBUSxHQUF5QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDdEQ7MEZBSlkseUJBQXlCO29FQUF6Qix5QkFBeUI7WUNWckMsQUFGRCx1RkFBbUIsMEVBRVg7WUFHUixnQ0FBd0U7WUFBQSxZQUFXO1lBQUEsaUJBQVE7O1lBTDNGLHlDQUlDO1lBQ00sZUFBd0M7WUFBeEMsMERBQXdDO1lBQXlCLGNBQVc7WUFBWCxpQ0FBVzs0QkRHdkUsYUFBYSxjQUFFLGVBQWUseUJBQUUsT0FBTzs7aUZBSXRDLHlCQUF5QjtjQVByQyxTQUFTOzJCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLE9BQU8sQ0FBQzs7a0ZBSXZDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0U2lnbmFsLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcGFzc3dvcmQtY3JpdGVyaWEnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZSwgTmdDbGFzc10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Bhc3N3b3JkLWNyaXRlcmlhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGFzc3dvcmQtY3JpdGVyaWEuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYXNzd29yZENyaXRlcmlhQ29tcG9uZW50IHtcclxuICBwdWJsaWMgbGFiZWw6IElucHV0U2lnbmFsPHN0cmluZz4gPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XHJcbiAgcHVibGljIGNvbmRpdGlvbjogSW5wdXRTaWduYWw8Ym9vbGVhbj4gPSBpbnB1dChmYWxzZSk7XHJcbiAgcHVibGljIGRpc2FibGVkOiBJbnB1dFNpZ25hbDxib29sZWFuPiA9IGlucHV0KGZhbHNlKTtcclxufVxyXG4iLCJAaWYgKGNvbmRpdGlvbigpKSB7XHJcbjxtYXQtaWNvbiBbbmdDbGFzc109XCJkaXNhYmxlZCgpID8gJ2Rpc2FibGVkJyA6ICcnXCIgY2xhc3M9XCJncmVlblwiPmNoZWNrX2NpcmNsZTwvbWF0LWljb24+XHJcbn1AZWxzZSB7XHJcbjxtYXQtaWNvbiBbbmdDbGFzc109XCJkaXNhYmxlZCgpID8gJ2Rpc2FibGVkJyA6ICcnXCIgY2xhc3M9XCJyZWRcIj5jYW5jZWw8L21hdC1pY29uPlxyXG59XHJcbjxsYWJlbCBbbmdDbGFzc109XCJkaXNhYmxlZCgpID8gJ2Rpc2FibGVkJyA6ICcnXCIgY2xhc3M9XCJib2R5MlwiIHRyYW5zbGF0ZT57e2xhYmVsKCl9fTwvbGFiZWw+Il19
|
package/esm2022/lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.mjs
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { PasswordCriteriaComponent } from '../password-criteria/password-criteria.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class PasswordCriteriaViewerComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.passwordValidation = input.required();
|
|
7
|
+
this.disabled = input(false);
|
|
8
|
+
}
|
|
9
|
+
static { this.ɵfac = function PasswordCriteriaViewerComponent_Factory(t) { return new (t || PasswordCriteriaViewerComponent)(); }; }
|
|
10
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaViewerComponent, selectors: [["app-password-criteria-viewer"]], inputs: { passwordValidation: [1, "passwordValidation"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 10, consts: [["label", "error.minimumCharacters", 3, "disabled", "condition"], ["label", "error.minimumNumeric", 3, "disabled", "condition"], ["label", "error.minimumSpecialCharacter", 3, "disabled", "condition"], ["label", "error.minimumUpperAndLowercase", 3, "disabled", "condition"], ["label", "error.identicalPassword", 3, "disabled", "condition"]], template: function PasswordCriteriaViewerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
11
|
+
i0.ɵɵelement(0, "app-password-criteria", 0)(1, "app-password-criteria", 1)(2, "app-password-criteria", 2)(3, "app-password-criteria", 3)(4, "app-password-criteria", 4);
|
|
12
|
+
} if (rf & 2) {
|
|
13
|
+
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumCharacters);
|
|
14
|
+
i0.ɵɵadvance();
|
|
15
|
+
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumNumeric);
|
|
16
|
+
i0.ɵɵadvance();
|
|
17
|
+
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasSpecialCharacter);
|
|
18
|
+
i0.ɵɵadvance();
|
|
19
|
+
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasLowerAndUppercase);
|
|
20
|
+
i0.ɵɵadvance();
|
|
21
|
+
i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasIdenticalPassword);
|
|
22
|
+
} }, dependencies: [PasswordCriteriaComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex-grow:1}"] }); }
|
|
23
|
+
}
|
|
24
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'app-password-criteria-viewer', standalone: true, imports: [PasswordCriteriaComponent], template: "<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumUpperAndLowercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.identicalPassword\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
|
|
27
|
+
}], null, null); })();
|
|
28
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib\\inputs\\password\\password-criteria-viewer\\password-criteria-viewer.component.ts", lineNumber: 12 }); })();
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtY3JpdGVyaWEtdmlld2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhdWNhLW1hdGVyaWFsL3NyYy9saWIvaW5wdXRzL3Bhc3N3b3JkL3Bhc3N3b3JkLWNyaXRlcmlhLXZpZXdlci9wYXNzd29yZC1jcml0ZXJpYS12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvcGFzc3dvcmQvcGFzc3dvcmQtY3JpdGVyaWEtdmlld2VyL3Bhc3N3b3JkLWNyaXRlcmlhLXZpZXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFVN0YsTUFBTSxPQUFPLCtCQUErQjtJQVA1QztRQVFTLHVCQUFrQixHQUFvQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDdkUsYUFBUSxHQUF5QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDdEQ7Z0dBSFksK0JBQStCO29FQUEvQiwrQkFBK0I7WUNQNUMsQUFEQSxBQURBLEFBREEsQUFEQSwyQ0FBd0ksK0JBQ04sK0JBQ1csK0JBQ0UsK0JBQ1A7O1lBSnpELEFBQXhELHlDQUF1Qiw0REFBd0Y7WUFDL0csY0FBdUI7WUFBOEIsQUFBckQseUNBQXVCLHlEQUFrRjtZQUN6RyxjQUF1QjtZQUF1QyxBQUE5RCx5Q0FBdUIsMkRBQTZGO1lBQ3BILGNBQXVCO1lBQXdDLEFBQS9ELHlDQUF1Qiw0REFBK0Y7WUFDdEgsY0FBdUI7WUFBaUMsQUFBeEQseUNBQXVCLDREQUF3Rjs0QkRHMUgseUJBQXlCOztpRkFJeEIsK0JBQStCO2NBUDNDLFNBQVM7MkJBQ0UsOEJBQThCLGNBQzVCLElBQUksV0FDUCxDQUFDLHlCQUF5QixDQUFDOztrRkFJekIsK0JBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dFNpZ25hbCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUGFzc3dvcmRDcml0ZXJpYUNvbXBvbmVudCB9IGZyb20gJy4uL3Bhc3N3b3JkLWNyaXRlcmlhL3Bhc3N3b3JkLWNyaXRlcmlhLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBhc3N3b3JkVmFsaWRhdGlvbiB9IGZyb20gJy4uL21vZGVscy9wYXNzd29yZC12YWxpZGF0aW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXBhc3N3b3JkLWNyaXRlcmlhLXZpZXdlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbUGFzc3dvcmRDcml0ZXJpYUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Bhc3N3b3JkLWNyaXRlcmlhLXZpZXdlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3Bhc3N3b3JkLWNyaXRlcmlhLXZpZXdlci5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhc3N3b3JkQ3JpdGVyaWFWaWV3ZXJDb21wb25lbnQge1xyXG4gIHB1YmxpYyBwYXNzd29yZFZhbGlkYXRpb246IElucHV0U2lnbmFsPFBhc3N3b3JkVmFsaWRhdGlvbj4gPSBpbnB1dC5yZXF1aXJlZCgpO1xyXG4gIHB1YmxpYyBkaXNhYmxlZDogSW5wdXRTaWduYWw8Ym9vbGVhbj4gPSBpbnB1dChmYWxzZSk7XHJcbn1cclxuIiwiPGFwcC1wYXNzd29yZC1jcml0ZXJpYSBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiIGxhYmVsPVwiZXJyb3IubWluaW11bUNoYXJhY3RlcnNcIiBbY29uZGl0aW9uXT1cInBhc3N3b3JkVmFsaWRhdGlvbigpLmhhc01pbmltdW1DaGFyYWN0ZXJzXCIvPlxyXG48YXBwLXBhc3N3b3JkLWNyaXRlcmlhIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgbGFiZWw9XCJlcnJvci5taW5pbXVtTnVtZXJpY1wiIFtjb25kaXRpb25dPVwicGFzc3dvcmRWYWxpZGF0aW9uKCkuaGFzTWluaW11bU51bWVyaWNcIi8+XHJcbjxhcHAtcGFzc3dvcmQtY3JpdGVyaWEgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIiBsYWJlbD1cImVycm9yLm1pbmltdW1TcGVjaWFsQ2hhcmFjdGVyXCIgW2NvbmRpdGlvbl09XCJwYXNzd29yZFZhbGlkYXRpb24oKS5oYXNTcGVjaWFsQ2hhcmFjdGVyXCIvPlxyXG48YXBwLXBhc3N3b3JkLWNyaXRlcmlhIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgbGFiZWw9XCJlcnJvci5taW5pbXVtVXBwZXJBbmRMb3dlcmNhc2VcIiBbY29uZGl0aW9uXT1cInBhc3N3b3JkVmFsaWRhdGlvbigpLmhhc0xvd2VyQW5kVXBwZXJjYXNlXCIvPlxyXG48YXBwLXBhc3N3b3JkLWNyaXRlcmlhIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgbGFiZWw9XCJlcnJvci5pZGVudGljYWxQYXNzd29yZFwiIFtjb25kaXRpb25dPVwicGFzc3dvcmRWYWxpZGF0aW9uKCkuaGFzSWRlbnRpY2FsUGFzc3dvcmRcIi8+Il19
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { NgClass } from '@angular/common';
|
|
2
|
+
import { Component, computed, forwardRef, input, output, signal } from '@angular/core';
|
|
3
|
+
import { FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
6
|
+
import { MatInputModule } from '@angular/material/input';
|
|
7
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@ngx-translate/core";
|
|
10
|
+
import * as i2 from "@angular/material/form-field";
|
|
11
|
+
import * as i3 from "@angular/material/icon";
|
|
12
|
+
import * as i4 from "@angular/material/input";
|
|
13
|
+
import * as i5 from "@angular/forms";
|
|
14
|
+
function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
15
|
+
i0.ɵɵelementStart(0, "mat-label");
|
|
16
|
+
i0.ɵɵtext(1);
|
|
17
|
+
i0.ɵɵpipe(2, "translate");
|
|
18
|
+
i0.ɵɵelementEnd();
|
|
19
|
+
} if (rf & 2) {
|
|
20
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
21
|
+
i0.ɵɵadvance();
|
|
22
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.label()));
|
|
23
|
+
} }
|
|
24
|
+
function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
25
|
+
i0.ɵɵelementStart(0, "mat-label");
|
|
26
|
+
i0.ɵɵtext(1);
|
|
27
|
+
i0.ɵɵelementEnd();
|
|
28
|
+
} if (rf & 2) {
|
|
29
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
30
|
+
i0.ɵɵadvance();
|
|
31
|
+
i0.ɵɵtextInterpolate(ctx_r1.label());
|
|
32
|
+
} }
|
|
33
|
+
export class PasswordInputComponent {
|
|
34
|
+
constructor() {
|
|
35
|
+
this.autocomplete = input('password');
|
|
36
|
+
this.translateLabel = input(true);
|
|
37
|
+
this.label = input();
|
|
38
|
+
this.translatePlaceholder = input(true);
|
|
39
|
+
this.placeholder = input();
|
|
40
|
+
this.required = input(false);
|
|
41
|
+
this.enterKeyDown = output();
|
|
42
|
+
this.passwordControl = new FormControl('');
|
|
43
|
+
this.disabled = signal(false);
|
|
44
|
+
this.showPassword = signal(false);
|
|
45
|
+
this.inputType = computed(() => this.showPassword() ? 'text' : 'password');
|
|
46
|
+
this.onChange = (value) => value;
|
|
47
|
+
this.onTouched = () => { };
|
|
48
|
+
this.passwordControl.valueChanges.subscribe(value => {
|
|
49
|
+
this.onChange(value);
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
writeValue(value) {
|
|
53
|
+
this.passwordControl.setValue(value);
|
|
54
|
+
}
|
|
55
|
+
registerOnChange(fn) {
|
|
56
|
+
this.onChange = fn;
|
|
57
|
+
}
|
|
58
|
+
registerOnTouched(fn) {
|
|
59
|
+
this.onTouched = fn;
|
|
60
|
+
}
|
|
61
|
+
setDisabledState(isDisabled) {
|
|
62
|
+
this.disabled.set(isDisabled);
|
|
63
|
+
if (isDisabled) {
|
|
64
|
+
this.passwordControl.disable();
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
this.passwordControl.enable();
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
static { this.ɵfac = function PasswordInputComponent_Factory(t) { return new (t || PasswordInputComponent)(); }; }
|
|
71
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordInputComponent, selectors: [["app-password-input"]], inputs: { autocomplete: [1, "autocomplete"], translateLabel: [1, "translateLabel"], label: [1, "label"], translatePlaceholder: [1, "translatePlaceholder"], placeholder: [1, "placeholder"], required: [1, "required"] }, outputs: { enterKeyDown: "enterKeyDown" }, standalone: true, features: [i0.ɵɵProvidersFeature([
|
|
72
|
+
{
|
|
73
|
+
provide: NG_VALUE_ACCESSOR,
|
|
74
|
+
multi: true,
|
|
75
|
+
useExisting: forwardRef(() => PasswordInputComponent),
|
|
76
|
+
},
|
|
77
|
+
]), i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [["password", ""], ["subscriptSizing", "dynamic"], ["matInput", "", 1, "password", 3, "keydown.enter", "autocomplete", "type", "formControl", "required", "placeholder"], ["matSuffix", "", 2, "cursor", "pointer", 3, "click", "ngClass"]], template: function PasswordInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
78
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
79
|
+
i0.ɵɵelementStart(0, "mat-form-field", 1);
|
|
80
|
+
i0.ɵɵtemplate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
|
|
81
|
+
i0.ɵɵelementStart(3, "input", 2, 0);
|
|
82
|
+
i0.ɵɵpipe(5, "translate");
|
|
83
|
+
i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.enterKeyDown.emit()); });
|
|
84
|
+
i0.ɵɵelementEnd();
|
|
85
|
+
i0.ɵɵelementStart(6, "mat-icon", 3);
|
|
86
|
+
i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.showPassword.set(!ctx.showPassword())); });
|
|
87
|
+
i0.ɵɵtext(7);
|
|
88
|
+
i0.ɵɵelementEnd()();
|
|
89
|
+
} if (rf & 2) {
|
|
90
|
+
const password_r3 = i0.ɵɵreference(4);
|
|
91
|
+
i0.ɵɵadvance();
|
|
92
|
+
i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
|
|
93
|
+
i0.ɵɵadvance(2);
|
|
94
|
+
i0.ɵɵproperty("autocomplete", ctx.autocomplete())("type", ctx.inputType())("formControl", ctx.passwordControl)("required", ctx.required())("placeholder", ctx.translatePlaceholder() ? i0.ɵɵpipeBind1(5, 8, ctx.placeholder()) : ctx.placeholder());
|
|
95
|
+
i0.ɵɵadvance(3);
|
|
96
|
+
i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
|
|
97
|
+
i0.ɵɵadvance();
|
|
98
|
+
i0.ɵɵtextInterpolate1(" ", password_r3.type === "password" ? "visibility_off" : "visibility", " ");
|
|
99
|
+
} }, dependencies: [TranslateModule, i1.TranslatePipe, NgClass, MatFormFieldModule, i2.MatFormField, i2.MatLabel, i2.MatSuffix, MatIconModule, i3.MatIcon, MatInputModule, i4.MatInput, ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
|
|
100
|
+
}
|
|
101
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
|
|
102
|
+
type: Component,
|
|
103
|
+
args: [{ selector: 'app-password-input', standalone: true, imports: [TranslateModule, NgClass, MatFormFieldModule, MatIconModule, MatInputModule, ReactiveFormsModule], providers: [
|
|
104
|
+
{
|
|
105
|
+
provide: NG_VALUE_ACCESSOR,
|
|
106
|
+
multi: true,
|
|
107
|
+
useExisting: forwardRef(() => PasswordInputComponent),
|
|
108
|
+
},
|
|
109
|
+
], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n @else {<mat-label>{{label()}}</mat-label>}\r\n <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n (click)=\"showPassword.set(!showPassword())\">\r\n {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
|
|
110
|
+
}], () => [], null); })();
|
|
111
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib\\inputs\\password\\password-input\\password-input.component.ts", lineNumber: 23 }); })();
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvcGFzc3dvcmQvcGFzc3dvcmQtaW5wdXQvcGFzc3dvcmQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2F1Y2EtbWF0ZXJpYWwvc3JjL2xpYi9pbnB1dHMvcGFzc3dvcmQvcGFzc3dvcmQtaW5wdXQvcGFzc3dvcmQtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQWUsTUFBTSxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUF3QixXQUFXLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7SUNMM0IsaUNBQVc7SUFBQSxZQUF1Qjs7SUFBQSxpQkFBWTs7O0lBQW5DLGNBQXVCO0lBQXZCLDBEQUF1Qjs7O0lBQ2xELGlDQUFXO0lBQUEsWUFBVztJQUFBLGlCQUFZOzs7SUFBdkIsY0FBVztJQUFYLG9DQUFXOztBRG9CakMsTUFBTSxPQUFPLHNCQUFzQjtJQWNqQztRQWJPLGlCQUFZLEdBQXdCLEtBQUssQ0FBOEIsVUFBVSxD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QW1CLENBQUMsYUFHaEc7b0JBQ1Q7d0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsS0FBSyxFQUFFLElBQUk7d0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7cUJBQ3REO2lCQUNGOztrRkFFVSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgZm9yd2FyZFJlZiwgaW5wdXQsIElucHV0U2lnbmFsLCBvdXRwdXQsIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcGFzc3dvcmQtaW5wdXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1RyYW5zbGF0ZU1vZHVsZSwgTmdDbGFzcywgTWF0Rm9ybUZpZWxkTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRJbnB1dE1vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Bhc3N3b3JkLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGFzc3dvcmQtaW5wdXQuY29tcG9uZW50LnNjc3MnLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFBhc3N3b3JkSW5wdXRDb21wb25lbnQpLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFzc3dvcmRJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwdWJsaWMgYXV0b2NvbXBsZXRlOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQ8J3Bhc3N3b3JkJyB8ICduZXctcGFzc3dvcmQnPigncGFzc3dvcmQnKTtcclxuICBwdWJsaWMgdHJhbnNsYXRlTGFiZWw6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQodHJ1ZSk7XHJcbiAgcHVibGljIGxhYmVsOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQoKTtcclxuICBwdWJsaWMgdHJhbnNsYXRlUGxhY2Vob2xkZXI6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQodHJ1ZSk7XHJcbiAgcHVibGljIHBsYWNlaG9sZGVyOiBJbnB1dFNpZ25hbDxzdHJpbmc+ID0gaW5wdXQoKTtcclxuICBwdWJsaWMgcmVxdWlyZWQ6IElucHV0U2lnbmFsPGJvb2xlYW4+ID0gaW5wdXQoZmFsc2UpO1xyXG4gIHB1YmxpYyBlbnRlcktleURvd24gPSBvdXRwdXQoKTtcclxuXHJcbiAgcHVibGljIHBhc3N3b3JkQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xyXG4gIHB1YmxpYyBkaXNhYmxlZDogV3JpdGFibGVTaWduYWw8Ym9vbGVhbj4gPSBzaWduYWwoZmFsc2UpO1xyXG4gIHB1YmxpYyBzaG93UGFzc3dvcmQ6IFdyaXRhYmxlU2lnbmFsPGJvb2xlYW4+ID0gc2lnbmFsKGZhbHNlKTtcclxuICBwdWJsaWMgaW5wdXRUeXBlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5zaG93UGFzc3dvcmQoKSA/ICd0ZXh0JyA6ICdwYXNzd29yZCcpO1xyXG5cclxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLnBhc3N3b3JkQ29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcclxuICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMucGFzc3dvcmRDb250cm9sLnNldFZhbHVlKHZhbHVlKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQuc2V0KGlzRGlzYWJsZWQpO1xyXG4gICAgaWYgKGlzRGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5wYXNzd29yZENvbnRyb2wuZGlzYWJsZSgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5wYXNzd29yZENvbnRyb2wuZW5hYmxlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZyk6IHN0cmluZyA9PiB2YWx1ZTtcclxuXHJcbiAgcHVibGljIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHsvKiBUaGlzIG1ldGhvZCBuZWVkcyB0byBiZSBlbXB0eSAqLyB9O1xyXG59XHJcbiIsIjxtYXQtZm9ybS1maWVsZCBzdWJzY3JpcHRTaXppbmc9XCJkeW5hbWljXCI+XHJcbiAgICBAaWYodHJhbnNsYXRlTGFiZWwoKSkgezxtYXQtbGFiZWw+e3tsYWJlbCgpIHwgdHJhbnNsYXRlfX08L21hdC1sYWJlbD59XHJcbiAgICBAZWxzZSB7PG1hdC1sYWJlbD57e2xhYmVsKCl9fTwvbWF0LWxhYmVsPn1cclxuICAgIDxpbnB1dCAoa2V5ZG93bi5lbnRlcik9XCJlbnRlcktleURvd24uZW1pdCgpXCIgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGUoKVwiICNwYXNzd29yZCBjbGFzcz1cInBhc3N3b3JkXCJcclxuICAgICAgICBbdHlwZV09XCJpbnB1dFR5cGUoKVwiIFtmb3JtQ29udHJvbF09XCJwYXNzd29yZENvbnRyb2xcIiBtYXRJbnB1dCBbcmVxdWlyZWRdPVwicmVxdWlyZWQoKVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInRyYW5zbGF0ZVBsYWNlaG9sZGVyKCkgPyAocGxhY2Vob2xkZXIoKSB8IHRyYW5zbGF0ZSkgOiBwbGFjZWhvbGRlcigpXCIgLz5cclxuICAgIDxtYXQtaWNvbiBbbmdDbGFzc109XCJkaXNhYmxlZCgpID8gJ2Rpc2FibGVkJyA6ICcnXCIgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXJcIiBtYXRTdWZmaXhcclxuICAgICAgICAoY2xpY2spPVwic2hvd1Bhc3N3b3JkLnNldCghc2hvd1Bhc3N3b3JkKCkpXCI+XHJcbiAgICAgICAge3sgcGFzc3dvcmQudHlwZSA9PT0gXCJwYXNzd29yZFwiID8gXCJ2aXNpYmlsaXR5X29mZlwiIDogXCJ2aXNpYmlsaXR5XCIgfX1cclxuICAgIDwvbWF0LWljb24+XHJcbjwvbWF0LWZvcm0tZmllbGQ+Il19
|