ngx-dynamic-entity 1.0.0 → 1.1.0
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/README.md +129 -139
- package/esm2022/lib/field-types/array-field.component.mjs +101 -101
- package/esm2022/lib/field-types/boolean-field.component.mjs +59 -59
- package/esm2022/lib/field-types/checkbox-field.component.mjs +45 -45
- package/esm2022/lib/field-types/currency-field.component.mjs +51 -51
- package/esm2022/lib/field-types/date-field.component.mjs +43 -43
- package/esm2022/lib/field-types/dropdown-field.component.mjs +81 -81
- package/esm2022/lib/field-types/email-field.component.mjs +61 -61
- package/esm2022/lib/field-types/entity-ref-field.component.mjs +67 -67
- package/esm2022/lib/field-types/file-field.component.mjs +85 -85
- package/esm2022/lib/field-types/group-field.component.mjs +47 -47
- package/esm2022/lib/field-types/image-field.component.mjs +89 -89
- package/esm2022/lib/field-types/month-year-field.component.mjs +77 -77
- package/esm2022/lib/field-types/multi-select-field.component.mjs +63 -63
- package/esm2022/lib/field-types/number-field.component.mjs +65 -65
- package/esm2022/lib/field-types/password-field.component.mjs +65 -65
- package/esm2022/lib/field-types/radio-field.component.mjs +63 -63
- package/esm2022/lib/field-types/text-field.component.mjs +59 -59
- package/esm2022/lib/field-types/textarea-field.component.mjs +45 -45
- package/esm2022/lib/form/dynamic-field/dynamic-field.component.mjs +1 -1
- package/esm2022/lib/form/dynamic-form.component.mjs +183 -10
- package/esm2022/lib/form/dynamic-record-form.component.mjs +36 -11
- package/esm2022/lib/providers/provide-field-types.mjs +1 -1
- package/esm2022/lib/providers/provide-ngx-dynamic-entity.mjs +3 -2
- package/esm2022/lib/services/cascade-data.service.mjs +1 -1
- package/esm2022/lib/services/entity-ref-cache.mjs +1 -1
- package/esm2022/lib/services/entity-ref-registry.service.mjs +1 -1
- package/esm2022/lib/services/entity-ref-selection.service.mjs +1 -1
- package/esm2022/lib/services/entity-reference.service.mjs +1 -1
- package/esm2022/lib/services/field-registry.service.mjs +1 -1
- package/esm2022/lib/services/file-upload.service.mjs +1 -1
- package/esm2022/lib/services/rbac.service.mjs +1 -1
- package/esm2022/lib/services/validator-registry.service.mjs +12 -1
- package/esm2022/lib/tokens/injection-tokens.mjs +17 -1
- package/esm2022/public-api.mjs +18 -2
- package/fesm2022/ngx-dynamic-entity.mjs +1392 -1166
- package/fesm2022/ngx-dynamic-entity.mjs.map +1 -1
- package/lib/field-types/dropdown-field.component.d.ts +1 -1
- package/lib/field-types/entity-ref-field.component.d.ts +1 -1
- package/lib/field-types/multi-select-field.component.d.ts +1 -1
- package/lib/field-types/radio-field.component.d.ts +1 -1
- package/lib/form/dynamic-form.component.d.ts +93 -6
- package/lib/form/dynamic-record-form.component.d.ts +13 -2
- package/lib/providers/provide-ngx-dynamic-entity.d.ts +8 -2
- package/lib/tokens/injection-tokens.d.ts +24 -2
- package/package.json +17 -18
- package/public-api.d.ts +10 -0
|
@@ -51,44 +51,44 @@ export class MonthYearFieldComponent {
|
|
|
51
51
|
return monthName && year ? `${monthName} ${year}` : String(value);
|
|
52
52
|
}
|
|
53
53
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MonthYearFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MonthYearFieldComponent, isStandalone: true, selector: "ngx-month-year-field", inputs: { field: "field", control: "control", language: "language", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
55
|
-
<div class="ngx-field ngx-field--month-year"
|
|
56
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
57
|
-
<label class="ngx-field__label">{{ label }}</label>
|
|
58
|
-
@if (masked) {
|
|
59
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
60
|
-
} @else if (readonly) {
|
|
61
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ formatValue(control.value) }}</span>
|
|
62
|
-
} @else {
|
|
63
|
-
<div class="ngx-field__month-year-wrap">
|
|
64
|
-
<select
|
|
65
|
-
class="ngx-field__input ngx-field__input--month" [attr.data-testid]="'field-' + field.id + '-month'"
|
|
66
|
-
[value]="selectedMonth"
|
|
67
|
-
(change)="onMonthChange($any($event.target).value)"
|
|
68
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
69
|
-
>
|
|
70
|
-
<option value="">Month</option>
|
|
71
|
-
@for (m of months; track m.value) {
|
|
72
|
-
<option [value]="m.value">{{ m.label }}</option>
|
|
73
|
-
}
|
|
74
|
-
</select>
|
|
75
|
-
<select
|
|
76
|
-
class="ngx-field__input ngx-field__input--year" [attr.data-testid]="'field-' + field.id + '-year'"
|
|
77
|
-
[value]="selectedYear"
|
|
78
|
-
(change)="onYearChange($any($event.target).value)"
|
|
79
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
80
|
-
>
|
|
81
|
-
<option value="">Year</option>
|
|
82
|
-
@for (y of years; track y) {
|
|
83
|
-
<option [value]="y">{{ y }}</option>
|
|
84
|
-
}
|
|
85
|
-
</select>
|
|
86
|
-
</div>
|
|
87
|
-
@if (control.invalid && control.touched) {
|
|
88
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
</div>
|
|
54
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MonthYearFieldComponent, isStandalone: true, selector: "ngx-month-year-field", inputs: { field: "field", control: "control", language: "language", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
55
|
+
<div class="ngx-field ngx-field--month-year"
|
|
56
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
57
|
+
<label class="ngx-field__label">{{ label }}</label>
|
|
58
|
+
@if (masked) {
|
|
59
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
60
|
+
} @else if (readonly) {
|
|
61
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ formatValue(control.value) }}</span>
|
|
62
|
+
} @else {
|
|
63
|
+
<div class="ngx-field__month-year-wrap">
|
|
64
|
+
<select
|
|
65
|
+
class="ngx-field__input ngx-field__input--month" [attr.data-testid]="'field-' + field.id + '-month'"
|
|
66
|
+
[value]="selectedMonth"
|
|
67
|
+
(change)="onMonthChange($any($event.target).value)"
|
|
68
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
69
|
+
>
|
|
70
|
+
<option value="">Month</option>
|
|
71
|
+
@for (m of months; track m.value) {
|
|
72
|
+
<option [value]="m.value">{{ m.label }}</option>
|
|
73
|
+
}
|
|
74
|
+
</select>
|
|
75
|
+
<select
|
|
76
|
+
class="ngx-field__input ngx-field__input--year" [attr.data-testid]="'field-' + field.id + '-year'"
|
|
77
|
+
[value]="selectedYear"
|
|
78
|
+
(change)="onYearChange($any($event.target).value)"
|
|
79
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
80
|
+
>
|
|
81
|
+
<option value="">Year</option>
|
|
82
|
+
@for (y of years; track y) {
|
|
83
|
+
<option [value]="y">{{ y }}</option>
|
|
84
|
+
}
|
|
85
|
+
</select>
|
|
86
|
+
</div>
|
|
87
|
+
@if (control.invalid && control.touched) {
|
|
88
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
</div>
|
|
92
92
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
93
93
|
}
|
|
94
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MonthYearFieldComponent, decorators: [{
|
|
@@ -97,44 +97,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
97
97
|
selector: 'ngx-month-year-field',
|
|
98
98
|
standalone: true,
|
|
99
99
|
imports: [ReactiveFormsModule],
|
|
100
|
-
template: `
|
|
101
|
-
<div class="ngx-field ngx-field--month-year"
|
|
102
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
103
|
-
<label class="ngx-field__label">{{ label }}</label>
|
|
104
|
-
@if (masked) {
|
|
105
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
106
|
-
} @else if (readonly) {
|
|
107
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ formatValue(control.value) }}</span>
|
|
108
|
-
} @else {
|
|
109
|
-
<div class="ngx-field__month-year-wrap">
|
|
110
|
-
<select
|
|
111
|
-
class="ngx-field__input ngx-field__input--month" [attr.data-testid]="'field-' + field.id + '-month'"
|
|
112
|
-
[value]="selectedMonth"
|
|
113
|
-
(change)="onMonthChange($any($event.target).value)"
|
|
114
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
115
|
-
>
|
|
116
|
-
<option value="">Month</option>
|
|
117
|
-
@for (m of months; track m.value) {
|
|
118
|
-
<option [value]="m.value">{{ m.label }}</option>
|
|
119
|
-
}
|
|
120
|
-
</select>
|
|
121
|
-
<select
|
|
122
|
-
class="ngx-field__input ngx-field__input--year" [attr.data-testid]="'field-' + field.id + '-year'"
|
|
123
|
-
[value]="selectedYear"
|
|
124
|
-
(change)="onYearChange($any($event.target).value)"
|
|
125
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
126
|
-
>
|
|
127
|
-
<option value="">Year</option>
|
|
128
|
-
@for (y of years; track y) {
|
|
129
|
-
<option [value]="y">{{ y }}</option>
|
|
130
|
-
}
|
|
131
|
-
</select>
|
|
132
|
-
</div>
|
|
133
|
-
@if (control.invalid && control.touched) {
|
|
134
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
</div>
|
|
100
|
+
template: `
|
|
101
|
+
<div class="ngx-field ngx-field--month-year"
|
|
102
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
103
|
+
<label class="ngx-field__label">{{ label }}</label>
|
|
104
|
+
@if (masked) {
|
|
105
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
106
|
+
} @else if (readonly) {
|
|
107
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ formatValue(control.value) }}</span>
|
|
108
|
+
} @else {
|
|
109
|
+
<div class="ngx-field__month-year-wrap">
|
|
110
|
+
<select
|
|
111
|
+
class="ngx-field__input ngx-field__input--month" [attr.data-testid]="'field-' + field.id + '-month'"
|
|
112
|
+
[value]="selectedMonth"
|
|
113
|
+
(change)="onMonthChange($any($event.target).value)"
|
|
114
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
115
|
+
>
|
|
116
|
+
<option value="">Month</option>
|
|
117
|
+
@for (m of months; track m.value) {
|
|
118
|
+
<option [value]="m.value">{{ m.label }}</option>
|
|
119
|
+
}
|
|
120
|
+
</select>
|
|
121
|
+
<select
|
|
122
|
+
class="ngx-field__input ngx-field__input--year" [attr.data-testid]="'field-' + field.id + '-year'"
|
|
123
|
+
[value]="selectedYear"
|
|
124
|
+
(change)="onYearChange($any($event.target).value)"
|
|
125
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
126
|
+
>
|
|
127
|
+
<option value="">Year</option>
|
|
128
|
+
@for (y of years; track y) {
|
|
129
|
+
<option [value]="y">{{ y }}</option>
|
|
130
|
+
}
|
|
131
|
+
</select>
|
|
132
|
+
</div>
|
|
133
|
+
@if (control.invalid && control.touched) {
|
|
134
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
</div>
|
|
138
138
|
`,
|
|
139
139
|
}]
|
|
140
140
|
}], propDecorators: { field: [{
|
|
@@ -148,4 +148,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
148
148
|
}], masked: [{
|
|
149
149
|
type: Input
|
|
150
150
|
}] } });
|
|
151
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9udGgteWVhci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2ZpZWxkLXR5cGVzL21vbnRoLXllYXItZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBbUIsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQUVwRCxNQUFNLFdBQVcsR0FBRztJQUNsQixTQUFTLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU07SUFDdEQsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVO0NBQ2pFLENBQUM7QUFFRixNQUFNLFlBQVksR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDO0FBQzlDLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUM7QUFFckU7OztHQUdHO0FBNkNILE1BQU0sT0FBTyx1QkFBdUI7SUFDekIsS0FBSyxDQUFxQjtJQUMxQixPQUFPLENBQW1CO0lBQzFCLFFBQVEsR0FBVyxJQUFJLENBQUM7SUFDeEIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixNQUFNLEdBQVksS0FBSyxDQUFDO0lBRXhCLE1BQU0sR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzNGLEtBQUssR0FBRyxLQUFLLENBQUM7SUFFdkIsSUFBSSxLQUFLO1FBQ1AsT0FBTyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxrRUFBa0U7SUFDbEUsSUFBSSxhQUFhO1FBQ2YsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzNDLE9BQU8sQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE1BQU0sQ0FBQyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMzQyxPQUFPLENBQUMsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ2hELENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDdEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVk7UUFDdkIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUM7UUFDekMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWM7UUFDeEIsSUFBSSxDQUFDLEtBQUs7WUFBRSxPQUFPLEdBQUcsQ0FBQztRQUN2QixNQUFNLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEQsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDMUQsT0FBTyxTQUFTLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLFNBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BFLENBQUM7d0dBMUNVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDhMQXhDeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0NULDJEQXZDUyxtQkFBbUI7OzRGQXlDbEIsdUJBQXVCO2tCQTVDbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQ1Q7aUJBQ0Y7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHR5cGUgeyBOZXN0ZWRGaWVsZENvbmZpZyB9IGZyb20gJ0BkeW5hbWljLWVudGl0eS9jb3JlJztcbmltcG9ydCB7IHJlc29sdmVMYWJlbCB9IGZyb20gJ0BkeW5hbWljLWVudGl0eS9jb3JlJztcblxuY29uc3QgTU9OVEhfTkFNRVMgPSBbXG4gICdKYW51YXJ5JywgJ0ZlYnJ1YXJ5JywgJ01hcmNoJywgJ0FwcmlsJywgJ01heScsICdKdW5lJyxcbiAgJ0p1bHknLCAnQXVndXN0JywgJ1NlcHRlbWJlcicsICdPY3RvYmVyJywgJ05vdmVtYmVyJywgJ0RlY2VtYmVyJyxcbl07XG5cbmNvbnN0IENVUlJFTlRfWUVBUiA9IG5ldyBEYXRlKCkuZ2V0RnVsbFllYXIoKTtcbmNvbnN0IFlFQVJTID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogODAgfSwgKF8sIGkpID0+IENVUlJFTlRfWUVBUiAtIGkpO1xuXG4vKipcbiAqIE1vbnRoLVllYXIgZmllbGQ6IHR3byBsaW5rZWQgc2VsZWN0cyAoTW9udGggKyBZZWFyKS5cbiAqIFZhbHVlIHN0b3JlZCBhcyBJU08gcGFydGlhbCBkYXRlIHN0cmluZyBcIllZWVktTU1cIiBmb3IgdW5hbWJpZ3VvdXMgc3RvcmFnZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW1vbnRoLXllYXItZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm5neC1maWVsZCBuZ3gtZmllbGQtLW1vbnRoLXllYXJcIlxuICAgICAgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ2ZpZWxkLScgKyBmaWVsZC5pZFwiIFthdHRyLmRhdGEtZmllbGQtdHlwZV09XCJmaWVsZC50eXBlXCIgW2NsYXNzLm5neC1maWVsZC0tcmVhZG9ubHldPVwicmVhZG9ubHlcIiBbY2xhc3Mubmd4LWZpZWxkLS1tYXNrZWRdPVwibWFza2VkXCI+XG4gICAgICA8bGFiZWwgY2xhc3M9XCJuZ3gtZmllbGRfX2xhYmVsXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxuICAgICAgQGlmIChtYXNrZWQpIHtcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJuZ3gtZmllbGRfX3ZhbHVlIG5neC1maWVsZF9fdmFsdWUtLW1hc2tlZFwiIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWQgKyAnLW1hc2tlZCdcIj5YWFhYWFhYWFg8L3NwYW4+XG4gICAgICB9IEBlbHNlIGlmIChyZWFkb25seSkge1xuICAgICAgICA8c3BhbiBjbGFzcz1cIm5neC1maWVsZF9fdmFsdWVcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy12YWx1ZSdcIj57eyBmb3JtYXRWYWx1ZShjb250cm9sLnZhbHVlKSB9fTwvc3Bhbj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibmd4LWZpZWxkX19tb250aC15ZWFyLXdyYXBcIj5cbiAgICAgICAgICA8c2VsZWN0XG4gICAgICAgICAgICBjbGFzcz1cIm5neC1maWVsZF9faW5wdXQgbmd4LWZpZWxkX19pbnB1dC0tbW9udGhcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy1tb250aCdcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cInNlbGVjdGVkTW9udGhcIlxuICAgICAgICAgICAgKGNoYW5nZSk9XCJvbk1vbnRoQ2hhbmdlKCRhbnkoJGV2ZW50LnRhcmdldCkudmFsdWUpXCJcbiAgICAgICAgICAgIFthdHRyLmRpc2FibGVkXT1cImZpZWxkLmRpc2FibGVkID8gdHJ1ZSA6IG51bGxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJcIj5Nb250aDwvb3B0aW9uPlxuICAgICAgICAgICAgQGZvciAobSBvZiBtb250aHM7IHRyYWNrIG0udmFsdWUpIHtcbiAgICAgICAgICAgICAgPG9wdGlvbiBbdmFsdWVdPVwibS52YWx1ZVwiPnt7IG0ubGFiZWwgfX08L29wdGlvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgICA8c2VsZWN0XG4gICAgICAgICAgICBjbGFzcz1cIm5neC1maWVsZF9faW5wdXQgbmd4LWZpZWxkX19pbnB1dC0teWVhclwiIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWQgKyAnLXllYXInXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJzZWxlY3RlZFllYXJcIlxuICAgICAgICAgICAgKGNoYW5nZSk9XCJvblllYXJDaGFuZ2UoJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZSlcIlxuICAgICAgICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZmllbGQuZGlzYWJsZWQgPyB0cnVlIDogbnVsbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIlwiPlllYXI8L29wdGlvbj5cbiAgICAgICAgICAgIEBmb3IgKHkgb2YgeWVhcnM7IHRyYWNrIHkpIHtcbiAgICAgICAgICAgICAgPG9wdGlvbiBbdmFsdWVdPVwieVwiPnt7IHkgfX08L29wdGlvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBpZiAoY29udHJvbC5pbnZhbGlkICYmIGNvbnRyb2wudG91Y2hlZCkge1xuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmd4LWZpZWxkX19lcnJvclwiIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWQgKyAnLWVycm9yJ1wiPlRoaXMgZmllbGQgaGFzIGFuIGVycm9yPC9zcGFuPlxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIE1vbnRoWWVhckZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmllbGQhOiBOZXN0ZWRGaWVsZENvbmZpZztcbiAgQElucHV0KCkgY29udHJvbCE6IEFic3RyYWN0Q29udHJvbDtcbiAgQElucHV0KCkgbGFuZ3VhZ2U6IHN0cmluZyA9ICdlbic7XG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1hc2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHJlYWRvbmx5IG1vbnRocyA9IE1PTlRIX05BTUVTLm1hcCgobGFiZWwsIGkpID0+ICh7IHZhbHVlOiBTdHJpbmcoaSArIDEpLnBhZFN0YXJ0KDIsICcwJyksIGxhYmVsIH0pKTtcbiAgcmVhZG9ubHkgeWVhcnMgPSBZRUFSUztcblxuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gcmVzb2x2ZUxhYmVsKHRoaXMuZmllbGQ/LmxhYmVsLCB0aGlzLmxhbmd1YWdlKTtcbiAgfVxuXG4gIC8qKiBQYXJzZXMgXCJZWVlZLU1NXCIgb3IgXCJZWVlZLU1NLUREXCIgc3RvcmVkIHZhbHVlIOKGkiBtb250aCBwYXJ0LiAqL1xuICBnZXQgc2VsZWN0ZWRNb250aCgpOiBzdHJpbmcge1xuICAgIGNvbnN0IHYgPSBTdHJpbmcodGhpcy5jb250cm9sLnZhbHVlID8/ICcnKTtcbiAgICByZXR1cm4gdi5sZW5ndGggPj0gNyA/IHYuc3Vic3RyaW5nKDUsIDcpIDogJyc7XG4gIH1cblxuICBnZXQgc2VsZWN0ZWRZZWFyKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdiA9IFN0cmluZyh0aGlzLmNvbnRyb2wudmFsdWUgPz8gJycpO1xuICAgIHJldHVybiB2Lmxlbmd0aCA+PSA0ID8gdi5zdWJzdHJpbmcoMCwgNCkgOiAnJztcbiAgfVxuXG4gIG9uTW9udGhDaGFuZ2UobW9udGg6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IHllYXIgPSB0aGlzLnNlbGVjdGVkWWVhciB8fCBuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCkudG9TdHJpbmcoKTtcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUobW9udGggPyBgJHt5ZWFyfS0ke21vbnRofWAgOiBudWxsKTtcbiAgICB0aGlzLmNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xuICB9XG5cbiAgb25ZZWFyQ2hhbmdlKHllYXI6IHN0cmluZyk6IHZvaWQge1xuICAgIGNvbnN0IG1vbnRoID0gdGhpcy5zZWxlY3RlZE1vbnRoIHx8ICcwMSc7XG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHllYXIgPyBgJHt5ZWFyfS0ke21vbnRofWAgOiBudWxsKTtcbiAgICB0aGlzLmNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xuICB9XG5cbiAgZm9ybWF0VmFsdWUodmFsdWU6IHVua25vd24pOiBzdHJpbmcge1xuICAgIGlmICghdmFsdWUpIHJldHVybiAn4oCUJztcbiAgICBjb25zdCBbeWVhciwgbW9udGhOdW1dID0gU3RyaW5nKHZhbHVlKS5zcGxpdCgnLScpO1xuICAgIGNvbnN0IG1vbnRoTmFtZSA9IE1PTlRIX05BTUVTW3BhcnNlSW50KG1vbnRoTnVtLCAxMCkgLSAxXTtcbiAgICByZXR1cm4gbW9udGhOYW1lICYmIHllYXIgPyBgJHttb250aE5hbWV9ICR7eWVhcn1gIDogU3RyaW5nKHZhbHVlKTtcbiAgfVxufVxuIl19
|
|
@@ -59,37 +59,37 @@ export class MultiSelectFieldComponent {
|
|
|
59
59
|
.join(', ');
|
|
60
60
|
}
|
|
61
61
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MultiSelectFieldComponent, isStandalone: true, selector: "ngx-multi-select-field", inputs: { field: "field", language: "language", control: "control", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
63
|
-
<div class="ngx-field ngx-field--multiSelect"
|
|
64
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
65
|
-
<label class="ngx-field__label">{{ label }}</label>
|
|
66
|
-
@if (masked) {
|
|
67
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
68
|
-
} @else if (readonly) {
|
|
69
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ getLabels(control.value) }}</span>
|
|
70
|
-
} @else {
|
|
71
|
-
<select
|
|
72
|
-
[id]="field.id"
|
|
73
|
-
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
74
|
-
[formControl]="$any(control)"
|
|
75
|
-
[compareWith]="compareFn"
|
|
76
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
77
|
-
multiple
|
|
78
|
-
size="4"
|
|
79
|
-
>
|
|
80
|
-
@for (option of options(); track getOptLabel(option)) {
|
|
81
|
-
@if (isObjectVal(option)) {
|
|
82
|
-
<option [ngValue]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
83
|
-
} @else {
|
|
84
|
-
<option [value]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
</select>
|
|
88
|
-
@if (control.invalid && control.touched) {
|
|
89
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
</div>
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MultiSelectFieldComponent, isStandalone: true, selector: "ngx-multi-select-field", inputs: { field: "field", language: "language", control: "control", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
63
|
+
<div class="ngx-field ngx-field--multiSelect"
|
|
64
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
65
|
+
<label class="ngx-field__label">{{ label }}</label>
|
|
66
|
+
@if (masked) {
|
|
67
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
68
|
+
} @else if (readonly) {
|
|
69
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ getLabels(control.value) }}</span>
|
|
70
|
+
} @else {
|
|
71
|
+
<select
|
|
72
|
+
[id]="field.id"
|
|
73
|
+
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
74
|
+
[formControl]="$any(control)"
|
|
75
|
+
[compareWith]="compareFn"
|
|
76
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
77
|
+
multiple
|
|
78
|
+
size="4"
|
|
79
|
+
>
|
|
80
|
+
@for (option of options(); track getOptLabel(option)) {
|
|
81
|
+
@if (isObjectVal(option)) {
|
|
82
|
+
<option [ngValue]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
83
|
+
} @else {
|
|
84
|
+
<option [value]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
</select>
|
|
88
|
+
@if (control.invalid && control.touched) {
|
|
89
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
</div>
|
|
93
93
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
94
94
|
}
|
|
95
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectFieldComponent, decorators: [{
|
|
@@ -98,37 +98,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
98
98
|
selector: 'ngx-multi-select-field',
|
|
99
99
|
standalone: true,
|
|
100
100
|
imports: [ReactiveFormsModule],
|
|
101
|
-
template: `
|
|
102
|
-
<div class="ngx-field ngx-field--multiSelect"
|
|
103
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
104
|
-
<label class="ngx-field__label">{{ label }}</label>
|
|
105
|
-
@if (masked) {
|
|
106
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
107
|
-
} @else if (readonly) {
|
|
108
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ getLabels(control.value) }}</span>
|
|
109
|
-
} @else {
|
|
110
|
-
<select
|
|
111
|
-
[id]="field.id"
|
|
112
|
-
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
113
|
-
[formControl]="$any(control)"
|
|
114
|
-
[compareWith]="compareFn"
|
|
115
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
116
|
-
multiple
|
|
117
|
-
size="4"
|
|
118
|
-
>
|
|
119
|
-
@for (option of options(); track getOptLabel(option)) {
|
|
120
|
-
@if (isObjectVal(option)) {
|
|
121
|
-
<option [ngValue]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
122
|
-
} @else {
|
|
123
|
-
<option [value]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
</select>
|
|
127
|
-
@if (control.invalid && control.touched) {
|
|
128
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
</div>
|
|
101
|
+
template: `
|
|
102
|
+
<div class="ngx-field ngx-field--multiSelect"
|
|
103
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type" [class.ngx-field--readonly]="readonly" [class.ngx-field--masked]="masked">
|
|
104
|
+
<label class="ngx-field__label">{{ label }}</label>
|
|
105
|
+
@if (masked) {
|
|
106
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
107
|
+
} @else if (readonly) {
|
|
108
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ getLabels(control.value) }}</span>
|
|
109
|
+
} @else {
|
|
110
|
+
<select
|
|
111
|
+
[id]="field.id"
|
|
112
|
+
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
113
|
+
[formControl]="$any(control)"
|
|
114
|
+
[compareWith]="compareFn"
|
|
115
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
116
|
+
multiple
|
|
117
|
+
size="4"
|
|
118
|
+
>
|
|
119
|
+
@for (option of options(); track getOptLabel(option)) {
|
|
120
|
+
@if (isObjectVal(option)) {
|
|
121
|
+
<option [ngValue]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
122
|
+
} @else {
|
|
123
|
+
<option [value]="getOptStoredVal(option)">{{ getOptLabel(option) }}</option>
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
</select>
|
|
127
|
+
@if (control.invalid && control.touched) {
|
|
128
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'">This field has an error</span>
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
</div>
|
|
132
132
|
`,
|
|
133
133
|
}]
|
|
134
134
|
}], propDecorators: { field: [{
|
|
@@ -142,4 +142,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
142
142
|
}], masked: [{
|
|
143
143
|
type: Input
|
|
144
144
|
}] } });
|
|
145
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
145
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvZmllbGQtdHlwZXMvbXVsdGktc2VsZWN0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBbUIsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLFlBQVksRUFDWixrQkFBa0IsRUFDbEIsV0FBVyxHQUNaLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQXVDbEcsTUFBTSxPQUFPLHlCQUF5QjtJQUNuQixPQUFPLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFFakQsTUFBTSxDQUFxQjtJQUMzQixTQUFTLEdBQUcsSUFBSSxDQUFDO0lBRXpCLDZGQUE2RjtJQUM3RixJQUFhLEtBQUssQ0FBQyxLQUF3QjtRQUN6QyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixvQkFBb0IsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQWEsUUFBUSxDQUFDLEtBQWE7UUFDakMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDO1FBQy9CLG9CQUFvQixDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUNELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFD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fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB0eXBlIHsgRHJvcGRvd25PcHRpb24sIE5lc3RlZEZpZWxkQ29uZmlnIH0gZnJvbSAnQGR5bmFtaWMtZW50aXR5L2NvcmUnO1xuaW1wb3J0IHtcbiAgZ2V0T3B0aW9uU3RvcmVkVmFsdWUsXG4gIHJlc29sdmVMYWJlbCxcbiAgcmVzb2x2ZU9wdGlvbkxhYmVsLFxuICB2YWx1ZXNNYXRjaCxcbn0gZnJvbSAnQGR5bmFtaWMtZW50aXR5L2NvcmUnO1xuaW1wb3J0IHsgTG9va3VwUmVnaXN0cnlTZXJ2aWNlLCByZWZyZXNoQ2hvaWNlT3B0aW9ucyB9IGZyb20gJy4uL3NlcnZpY2VzL2xvb2t1cC1yZWdpc3RyeS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW11bHRpLXNlbGVjdC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwibmd4LWZpZWxkIG5neC1maWVsZC0tbXVsdGlTZWxlY3RcIlxuICAgICAgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ2ZpZWxkLScgKyBmaWVsZC5pZFwiIFthdHRyLmRhdGEtZmllbGQtdHlwZV09XCJmaWVsZC50eXBlXCIgW2NsYXNzLm5neC1maWVsZC0tcmVhZG9ubHldPVwicmVhZG9ubHlcIiBbY2xhc3Mubmd4LWZpZWxkLS1tYXNrZWRdPVwibWFza2VkXCI+XG4gICAgICA8bGFiZWwgY2xhc3M9XCJuZ3gtZmllbGRfX2xhYmVsXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxuICAgICAgQGlmIChtYXNrZWQpIHtcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJuZ3gtZmllbGRfX3ZhbHVlIG5neC1maWVsZF9fdmFsdWUtLW1hc2tlZFwiIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWQgKyAnLW1hc2tlZCdcIj5YWFhYWFhYWFg8L3NwYW4+XG4gICAgICB9IEBlbHNlIGlmIChyZWFkb25seSkge1xuICAgICAgICA8c3BhbiBjbGFzcz1cIm5neC1maWVsZF9fdmFsdWVcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy12YWx1ZSdcIj57eyBnZXRMYWJlbHMoY29udHJvbC52YWx1ZSkgfX08L3NwYW4+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPHNlbGVjdFxuICAgICAgICAgIFtpZF09XCJmaWVsZC5pZFwiXG4gICAgICAgICAgY2xhc3M9XCJuZ3gtZmllbGRfX2lucHV0XCIgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ2ZpZWxkLScgKyBmaWVsZC5pZCArICctaW5wdXQnXCJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiJGFueShjb250cm9sKVwiXG4gICAgICAgICAgW2NvbXBhcmVXaXRoXT1cImNvbXBhcmVGblwiXG4gICAgICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZmllbGQuZGlzYWJsZWQgPyB0cnVlIDogbnVsbFwiXG4gICAgICAgICAgbXVsdGlwbGVcbiAgICAgICAgICBzaXplPVwiNFwiXG4gICAgICAgID5cbiAgICAgICAgICBAZm9yIChvcHRpb24gb2Ygb3B0aW9ucygpOyB0cmFjayBnZXRPcHRMYWJlbChvcHRpb24pKSB7XG4gICAgICAgICAgICBAaWYgKGlzT2JqZWN0VmFsKG9wdGlvbikpIHtcbiAgICAgICAgICAgICAgPG9wdGlvbiBbbmdWYWx1ZV09XCJnZXRPcHRTdG9yZWRWYWwob3B0aW9uKVwiPnt7IGdldE9wdExhYmVsKG9wdGlvbikgfX08L29wdGlvbj5cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICA8b3B0aW9uIFt2YWx1ZV09XCJnZXRPcHRTdG9yZWRWYWwob3B0aW9uKVwiPnt7IGdldE9wdExhYmVsKG9wdGlvbikgfX08L29wdGlvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIDwvc2VsZWN0PlxuICAgICAgICBAaWYgKGNvbnRyb2wuaW52YWxpZCAmJiBjb250cm9sLnRvdWNoZWQpIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5neC1maWVsZF9fZXJyb3JcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy1lcnJvcidcIj5UaGlzIGZpZWxkIGhhcyBhbiBlcnJvcjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBNdWx0aVNlbGVjdEZpZWxkQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBsb29rdXBzID0gaW5qZWN0KExvb2t1cFJlZ2lzdHJ5U2VydmljZSk7XG5cbiAgcHJpdmF0ZSBfZmllbGQhOiBOZXN0ZWRGaWVsZENvbmZpZztcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSAnZW4nO1xuXG4gIC8qKiBTZXR0ZXItYmFzZWQgc28gb3B0aW9ucyByZXNvbHZlIGhvd2V2ZXIgdGhlIGlucHV0IGlzIHNldCDigJQgc2VlIGByZWZyZXNoQ2hvaWNlT3B0aW9uc2AuICovXG4gIEBJbnB1dCgpIHNldCBmaWVsZCh2YWx1ZTogTmVzdGVkRmllbGRDb25maWcpIHtcbiAgICB0aGlzLl9maWVsZCA9IHZhbHVlO1xuICAgIHJlZnJlc2hDaG9pY2VPcHRpb25zKHRoaXMsIHRoaXMubG9va3Vwcyk7XG4gIH1cbiAgZ2V0IGZpZWxkKCk6IE5lc3RlZEZpZWxkQ29uZmlnIHtcbiAgICByZXR1cm4gdGhpcy5fZmllbGQ7XG4gIH1cblxuICBASW5wdXQoKSBzZXQgbGFuZ3VhZ2UodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX2xhbmd1YWdlID0gdmFsdWUgfHwgJ2VuJztcbiAgICByZWZyZXNoQ2hvaWNlT3B0aW9ucyh0aGlzLCB0aGlzLmxvb2t1cHMpO1xuICB9XG4gIGdldCBsYW5ndWFnZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9sYW5ndWFnZTtcbiAgfVxuXG4gIEBJbnB1dCgpIGNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w7XG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1hc2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBJbmxpbmUgYG9wdGlvbnNgLCBvciB0aGUgZmllbGQncyBuYW1lZCBsaXN0IHJlc29sdmVkIHRocm91Z2ggdGhlIHJlZ2lzdHJ5ICjCpzYuMykuICovXG4gIHJlYWRvbmx5IG9wdGlvbnMgPSBzaWduYWw8RHJvcGRvd25PcHRpb25bXT4oW10pO1xuXG4gIHJlYWRvbmx5IGNvbXBhcmVGbiA9IChvMTogYW55LCBvMjogYW55KTogYm9vbGVhbiA9PiB2YWx1ZXNNYXRjaChvMSwgbzIsIHRoaXMubGFuZ3VhZ2UpO1xuXG4gIGlzT2JqZWN0VmFsKG9wdGlvbjogYW55KTogYm9vbGVhbiB7XG4gICAgY29uc3QgdmFsID0gZ2V0T3B0aW9uU3RvcmVkVmFsdWUob3B0aW9uKTtcbiAgICByZXR1cm4gdHlwZW9mIHZhbCA9PT0gJ29iamVjdCcgJiYgdmFsICE9PSBudWxsO1xuICB9XG5cbiAgZ2V0IGxhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHJlc29sdmVMYWJlbCh0aGlzLmZpZWxkPy5sYWJlbCwgdGhpcy5sYW5ndWFnZSk7XG4gIH1cblxuICBnZXRPcHRTdG9yZWRWYWwob3B0aW9uOiBhbnkpOiBhbnkge1xuICAgIHJldHVybiBnZXRPcHRpb25TdG9yZWRWYWx1ZShvcHRpb24pO1xuICB9XG5cbiAgZ2V0T3B0TGFiZWwob3B0aW9uOiBhbnkpOiBzdHJpbmcge1xuICAgIHJldHVybiByZXNvbHZlT3B0aW9uTGFiZWwob3B0aW9uLCB0aGlzLmxhbmd1YWdlKTtcbiAgfVxuXG4gIC8qKiBSZWFkLW9ubHkgZGlzcGxheSDigJQgc3luY2hyb25vdXMsIHBlciDCpzYuMi4gU2VlIGBEcm9wZG93bkZpZWxkQ29tcG9uZW50LmdldExhYmVsYC4gKi9cbiAgZ2V0TGFiZWxzKHZhbHVlczogYW55W10pOiBzdHJpbmcge1xuICAgIGlmICghQXJyYXkuaXNBcnJheSh2YWx1ZXMpIHx8ICF2YWx1ZXMubGVuZ3RoKSByZXR1cm4gJ+KAlCc7XG4gICAgcmV0dXJuIHZhbHVlc1xuICAgICAgLm1hcCh2ID0+IHtcbiAgICAgICAgY29uc3Qgb3B0ID0gdGhpcy5vcHRpb25zKCkuZmluZChvID0+IHZhbHVlc01hdGNoKGdldE9wdGlvblN0b3JlZFZhbHVlKG8pLCB2LCB0aGlzLmxhbmd1YWdlKSk7XG4gICAgICAgIGlmIChvcHQpIHJldHVybiB0aGlzLmdldE9wdExhYmVsKG9wdCk7XG4gICAgICAgIGNvbnN0IGNhY2hlZCA9IHRoaXMubG9va3Vwcy5sYWJlbEZvcih0aGlzLmZpZWxkPy5saXN0TmFtZSwgdiwgdGhpcy5sYW5ndWFnZSk7XG4gICAgICAgIGlmIChjYWNoZWQpIHJldHVybiBjYWNoZWQ7XG4gICAgICAgIHJldHVybiB0eXBlb2YgdiA9PT0gJ29iamVjdCcgPyByZXNvbHZlTGFiZWwodiwgdGhpcy5sYW5ndWFnZSkgOiBTdHJpbmcodik7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJywgJyk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -28,38 +28,38 @@ export class NumberFieldComponent {
|
|
|
28
28
|
return 'Invalid number.';
|
|
29
29
|
}
|
|
30
30
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NumberFieldComponent, isStandalone: true, selector: "ngx-number-field", inputs: { field: "field", control: "control", language: "language", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
32
|
-
<div
|
|
33
|
-
class="ngx-field ngx-field--number"
|
|
34
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type"
|
|
35
|
-
[class.ngx-field--readonly]="readonly"
|
|
36
|
-
[class.ngx-field--masked]="masked"
|
|
37
|
-
[class.ngx-field--invalid]="control && control.invalid && control.touched"
|
|
38
|
-
>
|
|
39
|
-
<label class="ngx-field__label" [attr.for]="field.id">
|
|
40
|
-
{{ label }}
|
|
41
|
-
@if (field.validators?.required) { <span class="ngx-field__req">*</span> }
|
|
42
|
-
</label>
|
|
43
|
-
@if (masked) {
|
|
44
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
45
|
-
} @else if (readonly) {
|
|
46
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ control.value ?? '—' }}</span>
|
|
47
|
-
} @else {
|
|
48
|
-
<input
|
|
49
|
-
[id]="field.id"
|
|
50
|
-
type="number"
|
|
51
|
-
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
52
|
-
[formControl]="$any(control)"
|
|
53
|
-
[placeholder]="placeholder"
|
|
54
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
55
|
-
[attr.aria-invalid]="control.invalid && control.touched"
|
|
56
|
-
[attr.aria-describedby]="errorMessage ? field.id + '-error' : null"
|
|
57
|
-
/>
|
|
58
|
-
@if (errorMessage) {
|
|
59
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'" [id]="field.id + '-error'" role="alert">{{ errorMessage }}</span>
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
</div>
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NumberFieldComponent, isStandalone: true, selector: "ngx-number-field", inputs: { field: "field", control: "control", language: "language", readonly: "readonly", masked: "masked" }, ngImport: i0, template: `
|
|
32
|
+
<div
|
|
33
|
+
class="ngx-field ngx-field--number"
|
|
34
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type"
|
|
35
|
+
[class.ngx-field--readonly]="readonly"
|
|
36
|
+
[class.ngx-field--masked]="masked"
|
|
37
|
+
[class.ngx-field--invalid]="control && control.invalid && control.touched"
|
|
38
|
+
>
|
|
39
|
+
<label class="ngx-field__label" [attr.for]="field.id">
|
|
40
|
+
{{ label }}
|
|
41
|
+
@if (field.validators?.required) { <span class="ngx-field__req">*</span> }
|
|
42
|
+
</label>
|
|
43
|
+
@if (masked) {
|
|
44
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
45
|
+
} @else if (readonly) {
|
|
46
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ control.value ?? '—' }}</span>
|
|
47
|
+
} @else {
|
|
48
|
+
<input
|
|
49
|
+
[id]="field.id"
|
|
50
|
+
type="number"
|
|
51
|
+
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
52
|
+
[formControl]="$any(control)"
|
|
53
|
+
[placeholder]="placeholder"
|
|
54
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
55
|
+
[attr.aria-invalid]="control.invalid && control.touched"
|
|
56
|
+
[attr.aria-describedby]="errorMessage ? field.id + '-error' : null"
|
|
57
|
+
/>
|
|
58
|
+
@if (errorMessage) {
|
|
59
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'" [id]="field.id + '-error'" role="alert">{{ errorMessage }}</span>
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
</div>
|
|
63
63
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
64
64
|
}
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NumberFieldComponent, decorators: [{
|
|
@@ -68,38 +68,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
68
68
|
selector: 'ngx-number-field',
|
|
69
69
|
standalone: true,
|
|
70
70
|
imports: [ReactiveFormsModule],
|
|
71
|
-
template: `
|
|
72
|
-
<div
|
|
73
|
-
class="ngx-field ngx-field--number"
|
|
74
|
-
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type"
|
|
75
|
-
[class.ngx-field--readonly]="readonly"
|
|
76
|
-
[class.ngx-field--masked]="masked"
|
|
77
|
-
[class.ngx-field--invalid]="control && control.invalid && control.touched"
|
|
78
|
-
>
|
|
79
|
-
<label class="ngx-field__label" [attr.for]="field.id">
|
|
80
|
-
{{ label }}
|
|
81
|
-
@if (field.validators?.required) { <span class="ngx-field__req">*</span> }
|
|
82
|
-
</label>
|
|
83
|
-
@if (masked) {
|
|
84
|
-
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
85
|
-
} @else if (readonly) {
|
|
86
|
-
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ control.value ?? '—' }}</span>
|
|
87
|
-
} @else {
|
|
88
|
-
<input
|
|
89
|
-
[id]="field.id"
|
|
90
|
-
type="number"
|
|
91
|
-
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
92
|
-
[formControl]="$any(control)"
|
|
93
|
-
[placeholder]="placeholder"
|
|
94
|
-
[attr.disabled]="field.disabled ? true : null"
|
|
95
|
-
[attr.aria-invalid]="control.invalid && control.touched"
|
|
96
|
-
[attr.aria-describedby]="errorMessage ? field.id + '-error' : null"
|
|
97
|
-
/>
|
|
98
|
-
@if (errorMessage) {
|
|
99
|
-
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'" [id]="field.id + '-error'" role="alert">{{ errorMessage }}</span>
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
</div>
|
|
71
|
+
template: `
|
|
72
|
+
<div
|
|
73
|
+
class="ngx-field ngx-field--number"
|
|
74
|
+
[attr.data-testid]="'field-' + field.id" [attr.data-field-type]="field.type"
|
|
75
|
+
[class.ngx-field--readonly]="readonly"
|
|
76
|
+
[class.ngx-field--masked]="masked"
|
|
77
|
+
[class.ngx-field--invalid]="control && control.invalid && control.touched"
|
|
78
|
+
>
|
|
79
|
+
<label class="ngx-field__label" [attr.for]="field.id">
|
|
80
|
+
{{ label }}
|
|
81
|
+
@if (field.validators?.required) { <span class="ngx-field__req">*</span> }
|
|
82
|
+
</label>
|
|
83
|
+
@if (masked) {
|
|
84
|
+
<span class="ngx-field__value ngx-field__value--masked" [attr.data-testid]="'field-' + field.id + '-masked'">XXXXXXXXX</span>
|
|
85
|
+
} @else if (readonly) {
|
|
86
|
+
<span class="ngx-field__value" [attr.data-testid]="'field-' + field.id + '-value'">{{ control.value ?? '—' }}</span>
|
|
87
|
+
} @else {
|
|
88
|
+
<input
|
|
89
|
+
[id]="field.id"
|
|
90
|
+
type="number"
|
|
91
|
+
class="ngx-field__input" [attr.data-testid]="'field-' + field.id + '-input'"
|
|
92
|
+
[formControl]="$any(control)"
|
|
93
|
+
[placeholder]="placeholder"
|
|
94
|
+
[attr.disabled]="field.disabled ? true : null"
|
|
95
|
+
[attr.aria-invalid]="control.invalid && control.touched"
|
|
96
|
+
[attr.aria-describedby]="errorMessage ? field.id + '-error' : null"
|
|
97
|
+
/>
|
|
98
|
+
@if (errorMessage) {
|
|
99
|
+
<span class="ngx-field__error" [attr.data-testid]="'field-' + field.id + '-error'" [id]="field.id + '-error'" role="alert">{{ errorMessage }}</span>
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
</div>
|
|
103
103
|
`,
|
|
104
104
|
}]
|
|
105
105
|
}], propDecorators: { field: [{
|
|
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
113
113
|
}], masked: [{
|
|
114
114
|
type: Input
|
|
115
115
|
}] } });
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvZmllbGQtdHlwZXMvbnVtYmVyLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUF3Q3BELE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsS0FBSyxDQUFxQjtJQUMxQixPQUFPLENBQW1CO0lBQzFCLFFBQVEsR0FBVyxJQUFJLENBQUM7SUFDeEIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUMxQixNQUFNLEdBQVksS0FBSyxDQUFDO0lBRWpDLElBQUksS0FBSztRQUNQLE9BQU8sWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDOUUsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQUUsT0FBTyx5QkFBeUIsQ0FBQztRQUN2RCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLDBCQUEwQixJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDckUsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyx5QkFBeUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDO1FBQ3BFLE9BQU8saUJBQWlCLENBQUM7SUFDM0IsQ0FBQzt3R0F0QlUsb0JBQW9COzRGQUFwQixvQkFBb0IsMExBbENyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ1QsMkRBakNTLG1CQUFtQjs7NEZBbUNsQixvQkFBb0I7a0JBdENoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDVDtpQkFDRjs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgdHlwZSB7IE5lc3RlZEZpZWxkQ29uZmlnIH0gZnJvbSAnQGR5bmFtaWMtZW50aXR5L2NvcmUnO1xuaW1wb3J0IHsgcmVzb2x2ZUxhYmVsIH0gZnJvbSAnQGR5bmFtaWMtZW50aXR5L2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtbnVtYmVyLWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1JlYWN0aXZlRm9ybXNNb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibmd4LWZpZWxkIG5neC1maWVsZC0tbnVtYmVyXCJcbiAgICAgIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWRcIiBbYXR0ci5kYXRhLWZpZWxkLXR5cGVdPVwiZmllbGQudHlwZVwiXG4gICAgICBbY2xhc3Mubmd4LWZpZWxkLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICBbY2xhc3Mubmd4LWZpZWxkLS1tYXNrZWRdPVwibWFza2VkXCJcbiAgICAgIFtjbGFzcy5uZ3gtZmllbGQtLWludmFsaWRdPVwiY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgY29udHJvbC50b3VjaGVkXCJcbiAgICA+XG4gICAgICA8bGFiZWwgY2xhc3M9XCJuZ3gtZmllbGRfX2xhYmVsXCIgW2F0dHIuZm9yXT1cImZpZWxkLmlkXCI+XG4gICAgICAgIHt7IGxhYmVsIH19XG4gICAgICAgIEBpZiAoZmllbGQudmFsaWRhdG9ycz8ucmVxdWlyZWQpIHsgPHNwYW4gY2xhc3M9XCJuZ3gtZmllbGRfX3JlcVwiPio8L3NwYW4+IH1cbiAgICAgIDwvbGFiZWw+XG4gICAgICBAaWYgKG1hc2tlZCkge1xuICAgICAgICA8c3BhbiBjbGFzcz1cIm5neC1maWVsZF9fdmFsdWUgbmd4LWZpZWxkX192YWx1ZS0tbWFza2VkXCIgW2F0dHIuZGF0YS10ZXN0aWRdPVwiJ2ZpZWxkLScgKyBmaWVsZC5pZCArICctbWFza2VkJ1wiPlhYWFhYWFhYWDwvc3Bhbj5cbiAgICAgIH0gQGVsc2UgaWYgKHJlYWRvbmx5KSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibmd4LWZpZWxkX192YWx1ZVwiIFthdHRyLmRhdGEtdGVzdGlkXT1cIidmaWVsZC0nICsgZmllbGQuaWQgKyAnLXZhbHVlJ1wiPnt7IGNvbnRyb2wudmFsdWUgPz8gJ+KAlCcgfX08L3NwYW4+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgW2lkXT1cImZpZWxkLmlkXCJcbiAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICBjbGFzcz1cIm5neC1maWVsZF9faW5wdXRcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy1pbnB1dCdcIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCIkYW55KGNvbnRyb2wpXCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgIFthdHRyLmRpc2FibGVkXT1cImZpZWxkLmRpc2FibGVkID8gdHJ1ZSA6IG51bGxcIlxuICAgICAgICAgIFthdHRyLmFyaWEtaW52YWxpZF09XCJjb250cm9sLmludmFsaWQgJiYgY29udHJvbC50b3VjaGVkXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImVycm9yTWVzc2FnZSA/IGZpZWxkLmlkICsgJy1lcnJvcicgOiBudWxsXCJcbiAgICAgICAgLz5cbiAgICAgICAgQGlmIChlcnJvck1lc3NhZ2UpIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5neC1maWVsZF9fZXJyb3JcIiBbYXR0ci5kYXRhLXRlc3RpZF09XCInZmllbGQtJyArIGZpZWxkLmlkICsgJy1lcnJvcidcIiBbaWRdPVwiZmllbGQuaWQgKyAnLWVycm9yJ1wiIHJvbGU9XCJhbGVydFwiPnt7IGVycm9yTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBOdW1iZXJGaWVsZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpZWxkITogTmVzdGVkRmllbGRDb25maWc7XG4gIEBJbnB1dCgpIGNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w7XG4gIEBJbnB1dCgpIGxhbmd1YWdlOiBzdHJpbmcgPSAnZW4nO1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBtYXNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gcmVzb2x2ZUxhYmVsKHRoaXMuZmllbGQ/LmxhYmVsLCB0aGlzLmxhbmd1YWdlKTtcbiAgfVxuXG4gIGdldCBwbGFjZWhvbGRlcigpOiBzdHJpbmcge1xuICAgIHJldHVybiByZXNvbHZlTGFiZWwodGhpcy5maWVsZD8ucGxhY2Vob2xkZXIsIHRoaXMubGFuZ3VhZ2UpO1xuICB9XG5cbiAgZ2V0IGVycm9yTWVzc2FnZSgpOiBzdHJpbmcge1xuICAgIGlmICghdGhpcy5jb250cm9sIHx8ICF0aGlzLmNvbnRyb2wuZXJyb3JzIHx8ICF0aGlzLmNvbnRyb2wudG91Y2hlZCkgcmV0dXJuICcnO1xuICAgIGNvbnN0IGVycnMgPSB0aGlzLmNvbnRyb2wuZXJyb3JzO1xuICAgIGlmIChlcnJzWydyZXF1aXJlZCddKSByZXR1cm4gJ1RoaXMgZmllbGQgaXMgcmVxdWlyZWQuJztcbiAgICBpZiAoZXJyc1snbWluJ10pIHJldHVybiBgVmFsdWUgbXVzdCBiZSBhdCBsZWFzdCAke2VycnNbJ21pbiddLm1pbn0uYDtcbiAgICBpZiAoZXJyc1snbWF4J10pIHJldHVybiBgVmFsdWUgbXVzdCBub3QgZXhjZWVkICR7ZXJyc1snbWF4J10ubWF4fS5gO1xuICAgIHJldHVybiAnSW52YWxpZCBudW1iZXIuJztcbiAgfVxufVxuIl19
|