@ajsf/material 14.0.0 → 17.0.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/esm2022/lib/material-design-framework.component.mjs +102 -0
- package/{esm2020 → esm2022}/lib/material-design-framework.module.mjs +21 -21
- package/{esm2020 → esm2022}/lib/material-design.framework.mjs +4 -4
- package/esm2022/lib/widgets/flex-layout-root.component.mjs +98 -0
- package/esm2022/lib/widgets/flex-layout-section.component.mjs +357 -0
- package/{esm2020 → esm2022}/lib/widgets/material-add-reference.component.mjs +7 -7
- package/{esm2020 → esm2022}/lib/widgets/material-button-group.component.mjs +7 -7
- package/esm2022/lib/widgets/material-button.component.mjs +76 -0
- package/{esm2020 → esm2022}/lib/widgets/material-checkbox.component.mjs +7 -7
- package/esm2022/lib/widgets/material-checkboxes.component.mjs +129 -0
- package/{esm2020 → esm2022}/lib/widgets/material-chip-list.component.mjs +5 -5
- package/esm2022/lib/widgets/material-datepicker.component.mjs +141 -0
- package/{esm2020 → esm2022}/lib/widgets/material-file.component.mjs +5 -5
- package/esm2022/lib/widgets/material-input.component.mjs +149 -0
- package/esm2022/lib/widgets/material-number.component.mjs +145 -0
- package/{esm2020 → esm2022}/lib/widgets/material-one-of.component.mjs +5 -5
- package/esm2022/lib/widgets/material-radios.component.mjs +122 -0
- package/esm2022/lib/widgets/material-select.component.mjs +186 -0
- package/esm2022/lib/widgets/material-slider.component.mjs +77 -0
- package/{esm2020 → esm2022}/lib/widgets/material-stepper.component.mjs +5 -5
- package/esm2022/lib/widgets/material-tabs.component.mjs +96 -0
- package/esm2022/lib/widgets/material-textarea.component.mjs +134 -0
- package/{fesm2020 → fesm2022}/ajsf-material.mjs +204 -200
- package/fesm2022/ajsf-material.mjs.map +1 -0
- package/lib/material-design-framework.component.d.ts +1 -1
- package/lib/material-design-framework.module.d.ts +2 -2
- package/lib/widgets/flex-layout-root.component.d.ts +1 -1
- package/lib/widgets/flex-layout-section.component.d.ts +1 -1
- package/lib/widgets/material-add-reference.component.d.ts +1 -1
- package/lib/widgets/material-button-group.component.d.ts +1 -1
- package/lib/widgets/material-button.component.d.ts +1 -1
- package/lib/widgets/material-checkbox.component.d.ts +1 -1
- package/lib/widgets/material-checkboxes.component.d.ts +1 -1
- package/lib/widgets/material-chip-list.component.d.ts +1 -1
- package/lib/widgets/material-datepicker.component.d.ts +1 -1
- package/lib/widgets/material-file.component.d.ts +1 -1
- package/lib/widgets/material-input.component.d.ts +1 -1
- package/lib/widgets/material-number.component.d.ts +1 -1
- package/lib/widgets/material-one-of.component.d.ts +1 -1
- package/lib/widgets/material-radios.component.d.ts +1 -1
- package/lib/widgets/material-select.component.d.ts +1 -1
- package/lib/widgets/material-slider.component.d.ts +1 -1
- package/lib/widgets/material-stepper.component.d.ts +1 -1
- package/lib/widgets/material-tabs.component.d.ts +1 -1
- package/lib/widgets/material-textarea.component.d.ts +1 -1
- package/package.json +11 -17
- package/esm2020/lib/material-design-framework.component.mjs +0 -102
- package/esm2020/lib/widgets/flex-layout-root.component.mjs +0 -98
- package/esm2020/lib/widgets/flex-layout-section.component.mjs +0 -357
- package/esm2020/lib/widgets/material-button.component.mjs +0 -76
- package/esm2020/lib/widgets/material-checkboxes.component.mjs +0 -129
- package/esm2020/lib/widgets/material-datepicker.component.mjs +0 -141
- package/esm2020/lib/widgets/material-input.component.mjs +0 -149
- package/esm2020/lib/widgets/material-number.component.mjs +0 -145
- package/esm2020/lib/widgets/material-radios.component.mjs +0 -122
- package/esm2020/lib/widgets/material-select.component.mjs +0 -186
- package/esm2020/lib/widgets/material-slider.component.mjs +0 -83
- package/esm2020/lib/widgets/material-tabs.component.mjs +0 -86
- package/esm2020/lib/widgets/material-textarea.component.mjs +0 -134
- package/fesm2015/ajsf-material.mjs +0 -2332
- package/fesm2015/ajsf-material.mjs.map +0 -1
- package/fesm2020/ajsf-material.mjs.map +0 -1
- /package/{esm2020 → esm2022}/ajsf-material.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/widgets/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/public_api.mjs +0 -0
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
-
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@ajsf/core";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/forms";
|
|
7
|
-
import * as i4 from "@angular/material/datepicker";
|
|
8
|
-
import * as i5 from "@angular/material/form-field";
|
|
9
|
-
import * as i6 from "@angular/material/input";
|
|
10
|
-
export class MaterialDatepickerComponent {
|
|
11
|
-
constructor(matFormFieldDefaultOptions, jsf) {
|
|
12
|
-
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
13
|
-
this.jsf = jsf;
|
|
14
|
-
this.controlDisabled = false;
|
|
15
|
-
this.boundControl = false;
|
|
16
|
-
this.autoCompleteList = [];
|
|
17
|
-
}
|
|
18
|
-
ngOnInit() {
|
|
19
|
-
this.options = this.layoutNode.options || {};
|
|
20
|
-
this.jsf.initializeControl(this, !this.options.readonly);
|
|
21
|
-
if (!this.options.notitle && !this.options.description && this.options.placeholder) {
|
|
22
|
-
this.options.description = this.options.placeholder;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
MaterialDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialDatepickerComponent, deps: [{ token: MAT_FORM_FIELD_DEFAULT_OPTIONS, optional: true }, { token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
MaterialDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaterialDatepickerComponent, selector: "material-datepicker-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
28
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
29
|
-
[class]="options?.htmlClass || ''"
|
|
30
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
31
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
32
|
-
[style.width]="'100%'">
|
|
33
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
34
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
35
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
36
|
-
<input matInput *ngIf="boundControl"
|
|
37
|
-
[formControl]="formControl"
|
|
38
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
39
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
40
|
-
[attr.readonly]="options?.readonly ? 'readonly' : null"
|
|
41
|
-
[id]="'control' + layoutNode?._id"
|
|
42
|
-
[max]="options?.maximum"
|
|
43
|
-
[matDatepicker]="picker"
|
|
44
|
-
[min]="options?.minimum"
|
|
45
|
-
[name]="controlName"
|
|
46
|
-
[placeholder]="options?.title"
|
|
47
|
-
[readonly]="options?.readonly"
|
|
48
|
-
[required]="options?.required"
|
|
49
|
-
[style.width]="'100%'"
|
|
50
|
-
(blur)="options.showErrors = true"
|
|
51
|
-
>
|
|
52
|
-
<input matInput *ngIf="!boundControl"
|
|
53
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
54
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
55
|
-
[attr.readonly]="options?.readonly ? 'readonly' : null"
|
|
56
|
-
[disabled]="controlDisabled || options?.readonly"
|
|
57
|
-
[id]="'control' + layoutNode?._id"
|
|
58
|
-
[max]="options?.maximum"
|
|
59
|
-
[matDatepicker]="picker"
|
|
60
|
-
[min]="options?.minimum"
|
|
61
|
-
[name]="controlName"
|
|
62
|
-
[placeholder]="options?.title"
|
|
63
|
-
[required]="options?.required"
|
|
64
|
-
[style.width]="'100%'"
|
|
65
|
-
[readonly]="options?.readonly"
|
|
66
|
-
(blur)="options.showErrors = true"
|
|
67
|
-
>
|
|
68
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
69
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
70
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
71
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
72
|
-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
|
|
73
|
-
</mat-form-field>
|
|
74
|
-
<mat-datepicker #picker ></mat-datepicker>
|
|
75
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
76
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialDatepickerComponent, decorators: [{
|
|
78
|
-
type: Component,
|
|
79
|
-
args: [{ selector: 'material-datepicker-widget', template: `
|
|
80
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
81
|
-
[class]="options?.htmlClass || ''"
|
|
82
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
83
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
84
|
-
[style.width]="'100%'">
|
|
85
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
86
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
87
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
88
|
-
<input matInput *ngIf="boundControl"
|
|
89
|
-
[formControl]="formControl"
|
|
90
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
91
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
92
|
-
[attr.readonly]="options?.readonly ? 'readonly' : null"
|
|
93
|
-
[id]="'control' + layoutNode?._id"
|
|
94
|
-
[max]="options?.maximum"
|
|
95
|
-
[matDatepicker]="picker"
|
|
96
|
-
[min]="options?.minimum"
|
|
97
|
-
[name]="controlName"
|
|
98
|
-
[placeholder]="options?.title"
|
|
99
|
-
[readonly]="options?.readonly"
|
|
100
|
-
[required]="options?.required"
|
|
101
|
-
[style.width]="'100%'"
|
|
102
|
-
(blur)="options.showErrors = true"
|
|
103
|
-
>
|
|
104
|
-
<input matInput *ngIf="!boundControl"
|
|
105
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
106
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
107
|
-
[attr.readonly]="options?.readonly ? 'readonly' : null"
|
|
108
|
-
[disabled]="controlDisabled || options?.readonly"
|
|
109
|
-
[id]="'control' + layoutNode?._id"
|
|
110
|
-
[max]="options?.maximum"
|
|
111
|
-
[matDatepicker]="picker"
|
|
112
|
-
[min]="options?.minimum"
|
|
113
|
-
[name]="controlName"
|
|
114
|
-
[placeholder]="options?.title"
|
|
115
|
-
[required]="options?.required"
|
|
116
|
-
[style.width]="'100%'"
|
|
117
|
-
[readonly]="options?.readonly"
|
|
118
|
-
(blur)="options.showErrors = true"
|
|
119
|
-
>
|
|
120
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
121
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
122
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
123
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
124
|
-
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
|
|
125
|
-
</mat-form-field>
|
|
126
|
-
<mat-datepicker #picker ></mat-datepicker>
|
|
127
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
128
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"] }]
|
|
129
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
130
|
-
type: Inject,
|
|
131
|
-
args: [MAT_FORM_FIELD_DEFAULT_OPTIONS]
|
|
132
|
-
}, {
|
|
133
|
-
type: Optional
|
|
134
|
-
}] }, { type: i1.JsonSchemaFormService }]; }, propDecorators: { layoutNode: [{
|
|
135
|
-
type: Input
|
|
136
|
-
}], layoutIndex: [{
|
|
137
|
-
type: Input
|
|
138
|
-
}], dataIndex: [{
|
|
139
|
-
type: Input
|
|
140
|
-
}] } });
|
|
141
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hanNmLW1hdGVyaWFsL3NyYy9saWIvd2lkZ2V0cy9tYXRlcmlhbC1kYXRlcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzNFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7Ozs7OztBQTZEOUUsTUFBTSxPQUFPLDJCQUEyQjtJQVl0QyxZQUM2RCwwQkFBMEIsRUFDN0UsR0FBMEI7UUFEeUIsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUFBO1FBQzdFLFFBQUcsR0FBSCxHQUFHLENBQXVCO1FBVnBDLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRXJCLHFCQUFnQixHQUFhLEVBQUUsQ0FBQztJQVE1QixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRTtZQUNsRixJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQztTQUNyRDtJQUNILENBQUM7O3dIQXZCVSwyQkFBMkIsa0JBYTVCLDhCQUE4Qjs0R0FiN0IsMkJBQTJCLDRKQXhENUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dURBaUQyQzsyRkFPMUMsMkJBQTJCO2tCQTNEdkMsU0FBUzsrQkFFRSw0QkFBNEIsWUFDNUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dURBaUQyQzs7MEJBb0JsRCxNQUFNOzJCQUFDLDhCQUE4Qjs7MEJBQUcsUUFBUTtnRkFMMUMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEpzb25TY2hlbWFGb3JtU2VydmljZSB9IGZyb20gJ0BhanNmL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0ZPUk1fRklFTERfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbWF0ZXJpYWwtZGF0ZXBpY2tlci13aWRnZXQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJvcHRpb25zPy5hcHBlYXJhbmNlIHx8IG1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zPy5hcHBlYXJhbmNlIHx8ICdzdGFuZGFyZCdcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3NdPVwib3B0aW9ucz8uaHRtbENsYXNzIHx8ICcnXCJcbiAgICAgICAgICAgICAgICAgICAgW2Zsb2F0TGFiZWxdPVwib3B0aW9ucz8uZmxvYXRMYWJlbCB8fCBtYXRGb3JtRmllbGREZWZhdWx0T3B0aW9ucz8uZmxvYXRMYWJlbCB8fCAob3B0aW9ucz8ubm90aXRsZSA/ICduZXZlcicgOiAnYXV0bycpXCJcbiAgICAgICAgICAgICAgICAgICAgW2hpZGVSZXF1aXJlZE1hcmtlcl09XCJvcHRpb25zPy5oaWRlUmVxdWlyZWQgPyAndHJ1ZScgOiAnZmFsc2UnXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLndpZHRoXT1cIicxMDAlJ1wiPlxuICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFvcHRpb25zPy5ub3RpdGxlXCI+e3tvcHRpb25zPy50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgICA8c3BhbiBtYXRQcmVmaXggKm5nSWY9XCJvcHRpb25zPy5wcmVmaXggfHwgb3B0aW9ucz8uZmllbGRBZGRvbkxlZnRcIlxuICAgICAgICBbaW5uZXJIVE1MXT1cIm9wdGlvbnM/LnByZWZpeCB8fCBvcHRpb25zPy5maWVsZEFkZG9uTGVmdFwiPjwvc3Bhbj5cbiAgICAgIDxpbnB1dCBtYXRJbnB1dCAqbmdJZj1cImJvdW5kQ29udHJvbFwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkICsgJ1N0YXR1cydcIlxuICAgICAgICBbYXR0ci5saXN0XT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZCArICdBdXRvY29tcGxldGUnXCJcbiAgICAgICAgW2F0dHIucmVhZG9ubHldPVwib3B0aW9ucz8ucmVhZG9ubHkgPyAncmVhZG9ubHknIDogbnVsbFwiXG4gICAgICAgIFtpZF09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWRcIlxuICAgICAgICBbbWF4XT1cIm9wdGlvbnM/Lm1heGltdW1cIlxuICAgICAgICBbbWF0RGF0ZXBpY2tlcl09XCJwaWNrZXJcIlxuICAgICAgICBbbWluXT1cIm9wdGlvbnM/Lm1pbmltdW1cIlxuICAgICAgICBbbmFtZV09XCJjb250cm9sTmFtZVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJvcHRpb25zPy50aXRsZVwiXG4gICAgICAgIFtyZWFkb25seV09XCJvcHRpb25zPy5yZWFkb25seVwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJvcHRpb25zPy5yZXF1aXJlZFwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCInMTAwJSdcIlxuICAgICAgICAoYmx1cik9XCJvcHRpb25zLnNob3dFcnJvcnMgPSB0cnVlXCJcbiAgICAgICAgPlxuICAgICAgPGlucHV0IG1hdElucHV0ICpuZ0lmPVwiIWJvdW5kQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkICsgJ1N0YXR1cydcIlxuICAgICAgICBbYXR0ci5saXN0XT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZCArICdBdXRvY29tcGxldGUnXCJcbiAgICAgICAgW2F0dHIucmVhZG9ubHldPVwib3B0aW9ucz8ucmVhZG9ubHkgPyAncmVhZG9ubHknIDogbnVsbFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sRGlzYWJsZWQgfHwgb3B0aW9ucz8ucmVhZG9ubHlcIlxuICAgICAgICBbaWRdPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkXCJcbiAgICAgICAgW21heF09XCJvcHRpb25zPy5tYXhpbXVtXCJcbiAgICAgICAgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCJcbiAgICAgICAgW21pbl09XCJvcHRpb25zPy5taW5pbXVtXCJcbiAgICAgICAgW25hbWVdPVwiY29udHJvbE5hbWVcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwib3B0aW9ucz8udGl0bGVcIlxuICAgICAgICBbcmVxdWlyZWRdPVwib3B0aW9ucz8ucmVxdWlyZWRcIlxuICAgICAgICBbc3R5bGUud2lkdGhdPVwiJzEwMCUnXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cIm9wdGlvbnM/LnJlYWRvbmx5XCJcbiAgICAgICAgKGJsdXIpPVwib3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZVwiXG4gICAgICAgID5cbiAgICAgIDxzcGFuIG1hdFN1ZmZpeCAqbmdJZj1cIm9wdGlvbnM/LnN1ZmZpeCB8fCBvcHRpb25zPy5maWVsZEFkZG9uUmlnaHRcIlxuICAgICAgICBbaW5uZXJIVE1MXT1cIm9wdGlvbnM/LnN1ZmZpeCB8fCBvcHRpb25zPy5maWVsZEFkZG9uUmlnaHRcIj48L3NwYW4+XG4gICAgICA8bWF0LWhpbnQgKm5nSWY9XCJvcHRpb25zPy5kZXNjcmlwdGlvbiAmJiAoIW9wdGlvbnM/LnNob3dFcnJvcnMgfHwgIW9wdGlvbnM/LmVycm9yTWVzc2FnZSlcIlxuICAgICAgICBhbGlnbj1cImVuZFwiIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uZGVzY3JpcHRpb25cIj48L21hdC1oaW50PlxuICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyID48L21hdC1kYXRlcGlja2VyPlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJvcHRpb25zPy5zaG93RXJyb3JzICYmIG9wdGlvbnM/LmVycm9yTWVzc2FnZVwiXG4gICAgICBbaW5uZXJIVE1MXT1cIm9wdGlvbnM/LmVycm9yTWVzc2FnZVwiPjwvbWF0LWVycm9yPmAsXG4gIHN0eWxlczogW2BcbiAgICBtYXQtZXJyb3IgeyBmb250LXNpemU6IDc1JTsgbWFyZ2luLXRvcDogLTFyZW07IG1hcmdpbi1ib3R0b206IDAuNXJlbTsgfVxuICAgIDo6bmctZGVlcCBqc29uLXNjaGVtYS1mb3JtIG1hdC1mb3JtLWZpZWxkIC5tYXQtZm9ybS1maWVsZC13cmFwcGVyIC5tYXQtZm9ybS1maWVsZC1mbGV4XG4gICAgICAubWF0LWZvcm0tZmllbGQtaW5maXggeyB3aWR0aDogaW5pdGlhbDsgfVxuICBgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxEYXRlcGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgZm9ybUNvbnRyb2w6IEFic3RyYWN0Q29udHJvbDtcbiAgY29udHJvbE5hbWU6IHN0cmluZztcbiAgZGF0ZVZhbHVlOiBhbnk7XG4gIGNvbnRyb2xEaXNhYmxlZCA9IGZhbHNlO1xuICBib3VuZENvbnRyb2wgPSBmYWxzZTtcbiAgb3B0aW9uczogYW55O1xuICBhdXRvQ29tcGxldGVMaXN0OiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBsYXlvdXROb2RlOiBhbnk7XG4gIEBJbnB1dCgpIGxheW91dEluZGV4OiBudW1iZXJbXTtcbiAgQElucHV0KCkgZGF0YUluZGV4OiBudW1iZXJbXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUykgQE9wdGlvbmFsKCkgcHVibGljIG1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zLFxuICAgIHByaXZhdGUganNmOiBKc29uU2NoZW1hRm9ybVNlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB0aGlzLmxheW91dE5vZGUub3B0aW9ucyB8fCB7fTtcbiAgICB0aGlzLmpzZi5pbml0aWFsaXplQ29udHJvbCh0aGlzLCAhdGhpcy5vcHRpb25zLnJlYWRvbmx5KTtcbiAgICBpZiAoIXRoaXMub3B0aW9ucy5ub3RpdGxlICYmICF0aGlzLm9wdGlvbnMuZGVzY3JpcHRpb24gJiYgdGhpcy5vcHRpb25zLnBsYWNlaG9sZGVyKSB7XG4gICAgICB0aGlzLm9wdGlvbnMuZGVzY3JpcHRpb24gPSB0aGlzLm9wdGlvbnMucGxhY2Vob2xkZXI7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
-
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@ajsf/core";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/forms";
|
|
7
|
-
import * as i4 from "@angular/material/autocomplete";
|
|
8
|
-
import * as i5 from "@angular/material/core";
|
|
9
|
-
import * as i6 from "@angular/material/form-field";
|
|
10
|
-
import * as i7 from "@angular/material/input";
|
|
11
|
-
export class MaterialInputComponent {
|
|
12
|
-
constructor(matFormFieldDefaultOptions, jsf) {
|
|
13
|
-
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
14
|
-
this.jsf = jsf;
|
|
15
|
-
this.controlDisabled = false;
|
|
16
|
-
this.boundControl = false;
|
|
17
|
-
this.autoCompleteList = [];
|
|
18
|
-
}
|
|
19
|
-
ngOnInit() {
|
|
20
|
-
this.options = this.layoutNode.options || {};
|
|
21
|
-
this.jsf.initializeControl(this);
|
|
22
|
-
if (!this.options.notitle && !this.options.description && this.options.placeholder) {
|
|
23
|
-
this.options.description = this.options.placeholder;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
updateValue(event) {
|
|
27
|
-
this.jsf.updateValue(this, event.target.value);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
MaterialInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialInputComponent, deps: [{ token: MAT_FORM_FIELD_DEFAULT_OPTIONS, optional: true }, { token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
MaterialInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaterialInputComponent, selector: "material-input-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
32
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
33
|
-
[class]="options?.htmlClass || ''"
|
|
34
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
35
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
36
|
-
[style.width]="'100%'">
|
|
37
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
38
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
39
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
40
|
-
<input matInput *ngIf="boundControl"
|
|
41
|
-
[formControl]="formControl"
|
|
42
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
43
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
44
|
-
[attr.maxlength]="options?.maxLength"
|
|
45
|
-
[attr.minlength]="options?.minLength"
|
|
46
|
-
[attr.pattern]="options?.pattern"
|
|
47
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
48
|
-
[id]="'control' + layoutNode?._id"
|
|
49
|
-
[name]="controlName"
|
|
50
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
51
|
-
[required]="options?.required"
|
|
52
|
-
[style.width]="'100%'"
|
|
53
|
-
[type]="layoutNode?.type"
|
|
54
|
-
(blur)="options.showErrors = true">
|
|
55
|
-
<input matInput *ngIf="!boundControl"
|
|
56
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
57
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
58
|
-
[attr.maxlength]="options?.maxLength"
|
|
59
|
-
[attr.minlength]="options?.minLength"
|
|
60
|
-
[attr.pattern]="options?.pattern"
|
|
61
|
-
[disabled]="controlDisabled"
|
|
62
|
-
[id]="'control' + layoutNode?._id"
|
|
63
|
-
[name]="controlName"
|
|
64
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
65
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
66
|
-
[required]="options?.required"
|
|
67
|
-
[style.width]="'100%'"
|
|
68
|
-
[type]="layoutNode?.type"
|
|
69
|
-
[value]="controlValue"
|
|
70
|
-
(input)="updateValue($event)"
|
|
71
|
-
(blur)="options.showErrors = true">
|
|
72
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
73
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
74
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
75
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
76
|
-
<mat-autocomplete *ngIf="options?.typeahead?.source">
|
|
77
|
-
<mat-option *ngFor="let word of options?.typeahead?.source"
|
|
78
|
-
[value]="word">{{word}}</mat-option>
|
|
79
|
-
</mat-autocomplete>
|
|
80
|
-
</mat-form-field>
|
|
81
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
82
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialInputComponent, decorators: [{
|
|
84
|
-
type: Component,
|
|
85
|
-
args: [{ selector: 'material-input-widget', template: `
|
|
86
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
87
|
-
[class]="options?.htmlClass || ''"
|
|
88
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
89
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
90
|
-
[style.width]="'100%'">
|
|
91
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
92
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
93
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
94
|
-
<input matInput *ngIf="boundControl"
|
|
95
|
-
[formControl]="formControl"
|
|
96
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
97
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
98
|
-
[attr.maxlength]="options?.maxLength"
|
|
99
|
-
[attr.minlength]="options?.minLength"
|
|
100
|
-
[attr.pattern]="options?.pattern"
|
|
101
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
102
|
-
[id]="'control' + layoutNode?._id"
|
|
103
|
-
[name]="controlName"
|
|
104
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
105
|
-
[required]="options?.required"
|
|
106
|
-
[style.width]="'100%'"
|
|
107
|
-
[type]="layoutNode?.type"
|
|
108
|
-
(blur)="options.showErrors = true">
|
|
109
|
-
<input matInput *ngIf="!boundControl"
|
|
110
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
111
|
-
[attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
|
|
112
|
-
[attr.maxlength]="options?.maxLength"
|
|
113
|
-
[attr.minlength]="options?.minLength"
|
|
114
|
-
[attr.pattern]="options?.pattern"
|
|
115
|
-
[disabled]="controlDisabled"
|
|
116
|
-
[id]="'control' + layoutNode?._id"
|
|
117
|
-
[name]="controlName"
|
|
118
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
119
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
120
|
-
[required]="options?.required"
|
|
121
|
-
[style.width]="'100%'"
|
|
122
|
-
[type]="layoutNode?.type"
|
|
123
|
-
[value]="controlValue"
|
|
124
|
-
(input)="updateValue($event)"
|
|
125
|
-
(blur)="options.showErrors = true">
|
|
126
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
127
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
128
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
129
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
130
|
-
<mat-autocomplete *ngIf="options?.typeahead?.source">
|
|
131
|
-
<mat-option *ngFor="let word of options?.typeahead?.source"
|
|
132
|
-
[value]="word">{{word}}</mat-option>
|
|
133
|
-
</mat-autocomplete>
|
|
134
|
-
</mat-form-field>
|
|
135
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
136
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"] }]
|
|
137
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
138
|
-
type: Inject,
|
|
139
|
-
args: [MAT_FORM_FIELD_DEFAULT_OPTIONS]
|
|
140
|
-
}, {
|
|
141
|
-
type: Optional
|
|
142
|
-
}] }, { type: i1.JsonSchemaFormService }]; }, propDecorators: { layoutNode: [{
|
|
143
|
-
type: Input
|
|
144
|
-
}], layoutIndex: [{
|
|
145
|
-
type: Input
|
|
146
|
-
}], dataIndex: [{
|
|
147
|
-
type: Input
|
|
148
|
-
}] } });
|
|
149
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWpzZi1tYXRlcmlhbC9zcmMvbGliL3dpZGdldHMvbWF0ZXJpYWwtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7OztBQStEOUUsTUFBTSxPQUFPLHNCQUFzQjtJQWFqQyxZQUM2RCwwQkFBMEIsRUFDN0UsR0FBMEI7UUFEeUIsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUFBO1FBQzdFLFFBQUcsR0FBSCxHQUFHLENBQXVCO1FBWHBDLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRXJCLHFCQUFnQixHQUFhLEVBQUUsQ0FBQztJQVVoQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1FBQzdDLElBQUksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUU7WUFDbEYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7U0FDckQ7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqRCxDQUFDOzttSEE3QlUsc0JBQXNCLGtCQWN2Qiw4QkFBOEI7dUdBZDdCLHNCQUFzQix1SkExRHZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7dURBbUQyQzsyRkFPMUMsc0JBQXNCO2tCQTdEbEMsU0FBUzsrQkFFRSx1QkFBdUIsWUFDdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1REFtRDJDOzswQkFxQmxELE1BQU07MkJBQUMsOEJBQThCOzswQkFBRyxRQUFRO2dGQU4xQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEpzb25TY2hlbWFGb3JtU2VydmljZSB9IGZyb20gJ0BhanNmL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0ZPUk1fRklFTERfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbWF0ZXJpYWwtaW5wdXQtd2lkZ2V0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwib3B0aW9ucz8uYXBwZWFyYW5jZSB8fCBtYXRGb3JtRmllbGREZWZhdWx0T3B0aW9ucz8uYXBwZWFyYW5jZSB8fCAnc3RhbmRhcmQnXCJcbiAgICAgIFtjbGFzc109XCJvcHRpb25zPy5odG1sQ2xhc3MgfHwgJydcIlxuICAgICAgW2Zsb2F0TGFiZWxdPVwib3B0aW9ucz8uZmxvYXRMYWJlbCB8fCBtYXRGb3JtRmllbGREZWZhdWx0T3B0aW9ucz8uZmxvYXRMYWJlbCB8fCAob3B0aW9ucz8ubm90aXRsZSA/ICduZXZlcicgOiAnYXV0bycpXCJcbiAgICAgIFtoaWRlUmVxdWlyZWRNYXJrZXJdPVwib3B0aW9ucz8uaGlkZVJlcXVpcmVkID8gJ3RydWUnIDogJ2ZhbHNlJ1wiXG4gICAgICBbc3R5bGUud2lkdGhdPVwiJzEwMCUnXCI+XG4gICAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIW9wdGlvbnM/Lm5vdGl0bGVcIj57e29wdGlvbnM/LnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICAgIDxzcGFuIG1hdFByZWZpeCAqbmdJZj1cIm9wdGlvbnM/LnByZWZpeCB8fCBvcHRpb25zPy5maWVsZEFkZG9uTGVmdFwiXG4gICAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8ucHJlZml4IHx8IG9wdGlvbnM/LmZpZWxkQWRkb25MZWZ0XCI+PC9zcGFuPlxuICAgICAgPGlucHV0IG1hdElucHV0ICpuZ0lmPVwiYm91bmRDb250cm9sXCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWQgKyAnU3RhdHVzJ1wiXG4gICAgICAgIFthdHRyLmxpc3RdPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkICsgJ0F1dG9jb21wbGV0ZSdcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwib3B0aW9ucz8ubWF4TGVuZ3RoXCJcbiAgICAgICAgW2F0dHIubWlubGVuZ3RoXT1cIm9wdGlvbnM/Lm1pbkxlbmd0aFwiXG4gICAgICAgIFthdHRyLnBhdHRlcm5dPVwib3B0aW9ucz8ucGF0dGVyblwiXG4gICAgICAgIFtyZWFkb25seV09XCJvcHRpb25zPy5yZWFkb25seSA/ICdyZWFkb25seScgOiBudWxsXCJcbiAgICAgICAgW2lkXT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZFwiXG4gICAgICAgIFtuYW1lXT1cImNvbnRyb2xOYW1lXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIm9wdGlvbnM/Lm5vdGl0bGUgPyBvcHRpb25zPy5wbGFjZWhvbGRlciA6IG9wdGlvbnM/LnRpdGxlXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cIm9wdGlvbnM/LnJlcXVpcmVkXCJcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cIicxMDAlJ1wiXG4gICAgICAgIFt0eXBlXT1cImxheW91dE5vZGU/LnR5cGVcIlxuICAgICAgICAoYmx1cik9XCJvcHRpb25zLnNob3dFcnJvcnMgPSB0cnVlXCI+XG4gICAgICA8aW5wdXQgbWF0SW5wdXQgKm5nSWY9XCIhYm91bmRDb250cm9sXCJcbiAgICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWQgKyAnU3RhdHVzJ1wiXG4gICAgICAgIFthdHRyLmxpc3RdPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkICsgJ0F1dG9jb21wbGV0ZSdcIlxuICAgICAgICBbYXR0ci5tYXhsZW5ndGhdPVwib3B0aW9ucz8ubWF4TGVuZ3RoXCJcbiAgICAgICAgW2F0dHIubWlubGVuZ3RoXT1cIm9wdGlvbnM/Lm1pbkxlbmd0aFwiXG4gICAgICAgIFthdHRyLnBhdHRlcm5dPVwib3B0aW9ucz8ucGF0dGVyblwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sRGlzYWJsZWRcIlxuICAgICAgICBbaWRdPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkXCJcbiAgICAgICAgW25hbWVdPVwiY29udHJvbE5hbWVcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwib3B0aW9ucz8ubm90aXRsZSA/IG9wdGlvbnM/LnBsYWNlaG9sZGVyIDogb3B0aW9ucz8udGl0bGVcIlxuICAgICAgICBbcmVhZG9ubHldPVwib3B0aW9ucz8ucmVhZG9ubHkgPyAncmVhZG9ubHknIDogbnVsbFwiXG4gICAgICAgIFtyZXF1aXJlZF09XCJvcHRpb25zPy5yZXF1aXJlZFwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCInMTAwJSdcIlxuICAgICAgICBbdHlwZV09XCJsYXlvdXROb2RlPy50eXBlXCJcbiAgICAgICAgW3ZhbHVlXT1cImNvbnRyb2xWYWx1ZVwiXG4gICAgICAgIChpbnB1dCk9XCJ1cGRhdGVWYWx1ZSgkZXZlbnQpXCJcbiAgICAgICAgKGJsdXIpPVwib3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZVwiPlxuICAgICAgPHNwYW4gbWF0U3VmZml4ICpuZ0lmPVwib3B0aW9ucz8uc3VmZml4IHx8IG9wdGlvbnM/LmZpZWxkQWRkb25SaWdodFwiXG4gICAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uc3VmZml4IHx8IG9wdGlvbnM/LmZpZWxkQWRkb25SaWdodFwiPjwvc3Bhbj5cbiAgICAgIDxtYXQtaGludCAqbmdJZj1cIm9wdGlvbnM/LmRlc2NyaXB0aW9uICYmICghb3B0aW9ucz8uc2hvd0Vycm9ycyB8fCAhb3B0aW9ucz8uZXJyb3JNZXNzYWdlKVwiXG4gICAgICAgIGFsaWduPVwiZW5kXCIgW2lubmVySFRNTF09XCJvcHRpb25zPy5kZXNjcmlwdGlvblwiPjwvbWF0LWhpbnQ+XG4gICAgICA8bWF0LWF1dG9jb21wbGV0ZSAqbmdJZj1cIm9wdGlvbnM/LnR5cGVhaGVhZD8uc291cmNlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCB3b3JkIG9mIG9wdGlvbnM/LnR5cGVhaGVhZD8uc291cmNlXCJcbiAgICAgICAgICBbdmFsdWVdPVwid29yZFwiPnt7d29yZH19PC9tYXQtb3B0aW9uPlxuICAgICAgPC9tYXQtYXV0b2NvbXBsZXRlPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cIm9wdGlvbnM/LnNob3dFcnJvcnMgJiYgb3B0aW9ucz8uZXJyb3JNZXNzYWdlXCJcbiAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uZXJyb3JNZXNzYWdlXCI+PC9tYXQtZXJyb3I+YCxcbiAgc3R5bGVzOiBbYFxuICAgIG1hdC1lcnJvciB7IGZvbnQtc2l6ZTogNzUlOyBtYXJnaW4tdG9wOiAtMXJlbTsgbWFyZ2luLWJvdHRvbTogMC41cmVtOyB9XG4gICAgOjpuZy1kZWVwIGpzb24tc2NoZW1hLWZvcm0gbWF0LWZvcm0tZmllbGQgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIgLm1hdC1mb3JtLWZpZWxkLWZsZXhcbiAgICAgIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7IHdpZHRoOiBpbml0aWFsOyB9XG4gIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgZm9ybUNvbnRyb2w6IEFic3RyYWN0Q29udHJvbDtcbiAgY29udHJvbE5hbWU6IHN0cmluZztcbiAgY29udHJvbFZhbHVlOiBzdHJpbmc7XG4gIGNvbnRyb2xEaXNhYmxlZCA9IGZhbHNlO1xuICBib3VuZENvbnRyb2wgPSBmYWxzZTtcbiAgb3B0aW9uczogYW55O1xuICBhdXRvQ29tcGxldGVMaXN0OiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBsYXlvdXROb2RlOiBhbnk7XG4gIEBJbnB1dCgpIGxheW91dEluZGV4OiBudW1iZXJbXTtcbiAgQElucHV0KCkgZGF0YUluZGV4OiBudW1iZXJbXTtcblxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0ZPUk1fRklFTERfREVGQVVMVF9PUFRJT05TKSBAT3B0aW9uYWwoKSBwdWJsaWMgbWF0Rm9ybUZpZWxkRGVmYXVsdE9wdGlvbnMsXG4gICAgcHJpdmF0ZSBqc2Y6IEpzb25TY2hlbWFGb3JtU2VydmljZVxuICApIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMub3B0aW9ucyA9IHRoaXMubGF5b3V0Tm9kZS5vcHRpb25zIHx8IHt9O1xuICAgIHRoaXMuanNmLmluaXRpYWxpemVDb250cm9sKHRoaXMpO1xuICAgIGlmICghdGhpcy5vcHRpb25zLm5vdGl0bGUgJiYgIXRoaXMub3B0aW9ucy5kZXNjcmlwdGlvbiAmJiB0aGlzLm9wdGlvbnMucGxhY2Vob2xkZXIpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5kZXNjcmlwdGlvbiA9IHRoaXMub3B0aW9ucy5wbGFjZWhvbGRlcjtcbiAgICB9XG4gIH1cblxuICB1cGRhdGVWYWx1ZShldmVudCkge1xuICAgIHRoaXMuanNmLnVwZGF0ZVZhbHVlKHRoaXMsIGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { Component, Inject, Input, Optional } from '@angular/core';
|
|
2
|
-
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@ajsf/core";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/forms";
|
|
7
|
-
import * as i4 from "@angular/material/form-field";
|
|
8
|
-
import * as i5 from "@angular/material/input";
|
|
9
|
-
export class MaterialNumberComponent {
|
|
10
|
-
constructor(matFormFieldDefaultOptions, jsf) {
|
|
11
|
-
this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
|
|
12
|
-
this.jsf = jsf;
|
|
13
|
-
this.controlDisabled = false;
|
|
14
|
-
this.boundControl = false;
|
|
15
|
-
this.allowNegative = true;
|
|
16
|
-
this.allowDecimal = true;
|
|
17
|
-
this.allowExponents = false;
|
|
18
|
-
this.lastValidNumber = '';
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
this.options = this.layoutNode.options || {};
|
|
22
|
-
this.jsf.initializeControl(this);
|
|
23
|
-
if (this.layoutNode.dataType === 'integer') {
|
|
24
|
-
this.allowDecimal = false;
|
|
25
|
-
}
|
|
26
|
-
if (!this.options.notitle && !this.options.description && this.options.placeholder) {
|
|
27
|
-
this.options.description = this.options.placeholder;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
updateValue(event) {
|
|
31
|
-
this.jsf.updateValue(this, event.target.value);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
MaterialNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialNumberComponent, deps: [{ token: MAT_FORM_FIELD_DEFAULT_OPTIONS, optional: true }, { token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
MaterialNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MaterialNumberComponent, selector: "material-number-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
36
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
37
|
-
[class]="options?.htmlClass || ''"
|
|
38
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
39
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
40
|
-
[style.width]="'100%'">
|
|
41
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
42
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
43
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
44
|
-
<input matInput *ngIf="boundControl"
|
|
45
|
-
[formControl]="formControl"
|
|
46
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
47
|
-
[attr.max]="options?.maximum"
|
|
48
|
-
[attr.min]="options?.minimum"
|
|
49
|
-
[attr.step]="options?.multipleOf || options?.step || 'any'"
|
|
50
|
-
[id]="'control' + layoutNode?._id"
|
|
51
|
-
[name]="controlName"
|
|
52
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
53
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
54
|
-
[required]="options?.required"
|
|
55
|
-
[style.width]="'100%'"
|
|
56
|
-
[type]="'number'"
|
|
57
|
-
(blur)="options.showErrors = true">
|
|
58
|
-
<input matInput *ngIf="!boundControl"
|
|
59
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
60
|
-
[attr.max]="options?.maximum"
|
|
61
|
-
[attr.min]="options?.minimum"
|
|
62
|
-
[attr.step]="options?.multipleOf || options?.step || 'any'"
|
|
63
|
-
[disabled]="controlDisabled"
|
|
64
|
-
[id]="'control' + layoutNode?._id"
|
|
65
|
-
[name]="controlName"
|
|
66
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
67
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
68
|
-
[required]="options?.required"
|
|
69
|
-
[style.width]="'100%'"
|
|
70
|
-
[type]="'number'"
|
|
71
|
-
[value]="controlValue"
|
|
72
|
-
(input)="updateValue($event)"
|
|
73
|
-
(blur)="options.showErrors = true">
|
|
74
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
75
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
76
|
-
<mat-hint *ngIf="layoutNode?.type === 'range'" align="start"
|
|
77
|
-
[innerHTML]="controlValue"></mat-hint>
|
|
78
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
79
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
80
|
-
</mat-form-field>
|
|
81
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
82
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialNumberComponent, decorators: [{
|
|
84
|
-
type: Component,
|
|
85
|
-
args: [{ selector: 'material-number-widget', template: `
|
|
86
|
-
<mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
|
|
87
|
-
[class]="options?.htmlClass || ''"
|
|
88
|
-
[floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? 'never' : 'auto')"
|
|
89
|
-
[hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
|
|
90
|
-
[style.width]="'100%'">
|
|
91
|
-
<mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
|
|
92
|
-
<span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
|
|
93
|
-
[innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
|
|
94
|
-
<input matInput *ngIf="boundControl"
|
|
95
|
-
[formControl]="formControl"
|
|
96
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
97
|
-
[attr.max]="options?.maximum"
|
|
98
|
-
[attr.min]="options?.minimum"
|
|
99
|
-
[attr.step]="options?.multipleOf || options?.step || 'any'"
|
|
100
|
-
[id]="'control' + layoutNode?._id"
|
|
101
|
-
[name]="controlName"
|
|
102
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
103
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
104
|
-
[required]="options?.required"
|
|
105
|
-
[style.width]="'100%'"
|
|
106
|
-
[type]="'number'"
|
|
107
|
-
(blur)="options.showErrors = true">
|
|
108
|
-
<input matInput *ngIf="!boundControl"
|
|
109
|
-
[attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
|
|
110
|
-
[attr.max]="options?.maximum"
|
|
111
|
-
[attr.min]="options?.minimum"
|
|
112
|
-
[attr.step]="options?.multipleOf || options?.step || 'any'"
|
|
113
|
-
[disabled]="controlDisabled"
|
|
114
|
-
[id]="'control' + layoutNode?._id"
|
|
115
|
-
[name]="controlName"
|
|
116
|
-
[placeholder]="options?.notitle ? options?.placeholder : options?.title"
|
|
117
|
-
[readonly]="options?.readonly ? 'readonly' : null"
|
|
118
|
-
[required]="options?.required"
|
|
119
|
-
[style.width]="'100%'"
|
|
120
|
-
[type]="'number'"
|
|
121
|
-
[value]="controlValue"
|
|
122
|
-
(input)="updateValue($event)"
|
|
123
|
-
(blur)="options.showErrors = true">
|
|
124
|
-
<span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
|
|
125
|
-
[innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
|
|
126
|
-
<mat-hint *ngIf="layoutNode?.type === 'range'" align="start"
|
|
127
|
-
[innerHTML]="controlValue"></mat-hint>
|
|
128
|
-
<mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
|
|
129
|
-
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
130
|
-
</mat-form-field>
|
|
131
|
-
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
132
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"] }]
|
|
133
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
134
|
-
type: Inject,
|
|
135
|
-
args: [MAT_FORM_FIELD_DEFAULT_OPTIONS]
|
|
136
|
-
}, {
|
|
137
|
-
type: Optional
|
|
138
|
-
}] }, { type: i1.JsonSchemaFormService }]; }, propDecorators: { layoutNode: [{
|
|
139
|
-
type: Input
|
|
140
|
-
}], layoutIndex: [{
|
|
141
|
-
type: Input
|
|
142
|
-
}], dataIndex: [{
|
|
143
|
-
type: Input
|
|
144
|
-
}] } });
|
|
145
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fqc2YtbWF0ZXJpYWwvc3JjL2xpYi93aWRnZXRzL21hdGVyaWFsLW51bWJlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUd6RSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7OztBQTJEOUUsTUFBTSxPQUFPLHVCQUF1QjtJQWVsQyxZQUM2RCwwQkFBMEIsRUFDN0UsR0FBMEI7UUFEeUIsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUFBO1FBQzdFLFFBQUcsR0FBSCxHQUFHLENBQXVCO1FBYnBDLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBRXJCLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO0lBUWpCLENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxLQUFLLFNBQVMsRUFBRTtZQUFFLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQUU7UUFDMUUsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUU7WUFDbEYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7U0FDckQ7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqRCxDQUFDOztvSEEvQlUsdUJBQXVCLGtCQWdCeEIsOEJBQThCO3dHQWhCN0IsdUJBQXVCLHdKQXREeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VEQStDMkM7MkZBTzFDLHVCQUF1QjtrQkF6RG5DLFNBQVM7K0JBRUUsd0JBQXdCLFlBQ3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1REErQzJDOzswQkF1QmxELE1BQU07MkJBQUMsOEJBQThCOzswQkFBRyxRQUFRO2dGQUwxQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEpzb25TY2hlbWFGb3JtU2VydmljZSB9IGZyb20gJ0BhanNmL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0ZPUk1fRklFTERfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6Y29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbWF0ZXJpYWwtbnVtYmVyLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cIm9wdGlvbnM/LmFwcGVhcmFuY2UgfHwgbWF0Rm9ybUZpZWxkRGVmYXVsdE9wdGlvbnM/LmFwcGVhcmFuY2UgfHwgJ3N0YW5kYXJkJ1wiXG4gICAgW2NsYXNzXT1cIm9wdGlvbnM/Lmh0bWxDbGFzcyB8fCAnJ1wiXG4gICAgW2Zsb2F0TGFiZWxdPVwib3B0aW9ucz8uZmxvYXRMYWJlbCB8fCBtYXRGb3JtRmllbGREZWZhdWx0T3B0aW9ucz8uZmxvYXRMYWJlbCB8fCAob3B0aW9ucz8ubm90aXRsZSA/ICduZXZlcicgOiAnYXV0bycpXCJcbiAgICBbaGlkZVJlcXVpcmVkTWFya2VyXT1cIm9wdGlvbnM/LmhpZGVSZXF1aXJlZCA/ICd0cnVlJyA6ICdmYWxzZSdcIlxuICAgIFtzdHlsZS53aWR0aF09XCInMTAwJSdcIj5cbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIW9wdGlvbnM/Lm5vdGl0bGVcIj57e29wdGlvbnM/LnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICAgIDxzcGFuIG1hdFByZWZpeCAqbmdJZj1cIm9wdGlvbnM/LnByZWZpeCB8fCBvcHRpb25zPy5maWVsZEFkZG9uTGVmdFwiXG4gICAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8ucHJlZml4IHx8IG9wdGlvbnM/LmZpZWxkQWRkb25MZWZ0XCI+PC9zcGFuPlxuICAgICAgPGlucHV0IG1hdElucHV0ICpuZ0lmPVwiYm91bmRDb250cm9sXCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWQgKyAnU3RhdHVzJ1wiXG4gICAgICAgIFthdHRyLm1heF09XCJvcHRpb25zPy5tYXhpbXVtXCJcbiAgICAgICAgW2F0dHIubWluXT1cIm9wdGlvbnM/Lm1pbmltdW1cIlxuICAgICAgICBbYXR0ci5zdGVwXT1cIm9wdGlvbnM/Lm11bHRpcGxlT2YgfHwgb3B0aW9ucz8uc3RlcCB8fCAnYW55J1wiXG4gICAgICAgIFtpZF09XCInY29udHJvbCcgKyBsYXlvdXROb2RlPy5faWRcIlxuICAgICAgICBbbmFtZV09XCJjb250cm9sTmFtZVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJvcHRpb25zPy5ub3RpdGxlID8gb3B0aW9ucz8ucGxhY2Vob2xkZXIgOiBvcHRpb25zPy50aXRsZVwiXG4gICAgICAgIFtyZWFkb25seV09XCJvcHRpb25zPy5yZWFkb25seSA/ICdyZWFkb25seScgOiBudWxsXCJcbiAgICAgICAgW3JlcXVpcmVkXT1cIm9wdGlvbnM/LnJlcXVpcmVkXCJcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cIicxMDAlJ1wiXG4gICAgICAgIFt0eXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgKGJsdXIpPVwib3B0aW9ucy5zaG93RXJyb3JzID0gdHJ1ZVwiPlxuICAgICAgPGlucHV0IG1hdElucHV0ICpuZ0lmPVwiIWJvdW5kQ29udHJvbFwiXG4gICAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiJ2NvbnRyb2wnICsgbGF5b3V0Tm9kZT8uX2lkICsgJ1N0YXR1cydcIlxuICAgICAgICBbYXR0ci5tYXhdPVwib3B0aW9ucz8ubWF4aW11bVwiXG4gICAgICAgIFthdHRyLm1pbl09XCJvcHRpb25zPy5taW5pbXVtXCJcbiAgICAgICAgW2F0dHIuc3RlcF09XCJvcHRpb25zPy5tdWx0aXBsZU9mIHx8IG9wdGlvbnM/LnN0ZXAgfHwgJ2FueSdcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiY29udHJvbERpc2FibGVkXCJcbiAgICAgICAgW2lkXT1cIidjb250cm9sJyArIGxheW91dE5vZGU/Ll9pZFwiXG4gICAgICAgIFtuYW1lXT1cImNvbnRyb2xOYW1lXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIm9wdGlvbnM/Lm5vdGl0bGUgPyBvcHRpb25zPy5wbGFjZWhvbGRlciA6IG9wdGlvbnM/LnRpdGxlXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cIm9wdGlvbnM/LnJlYWRvbmx5ID8gJ3JlYWRvbmx5JyA6IG51bGxcIlxuICAgICAgICBbcmVxdWlyZWRdPVwib3B0aW9ucz8ucmVxdWlyZWRcIlxuICAgICAgICBbc3R5bGUud2lkdGhdPVwiJzEwMCUnXCJcbiAgICAgICAgW3R5cGVdPVwiJ251bWJlcidcIlxuICAgICAgICBbdmFsdWVdPVwiY29udHJvbFZhbHVlXCJcbiAgICAgICAgKGlucHV0KT1cInVwZGF0ZVZhbHVlKCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJvcHRpb25zLnNob3dFcnJvcnMgPSB0cnVlXCI+XG4gICAgICA8c3BhbiBtYXRTdWZmaXggKm5nSWY9XCJvcHRpb25zPy5zdWZmaXggfHwgb3B0aW9ucz8uZmllbGRBZGRvblJpZ2h0XCJcbiAgICAgICAgW2lubmVySFRNTF09XCJvcHRpb25zPy5zdWZmaXggfHwgb3B0aW9ucz8uZmllbGRBZGRvblJpZ2h0XCI+PC9zcGFuPlxuICAgICAgPG1hdC1oaW50ICpuZ0lmPVwibGF5b3V0Tm9kZT8udHlwZSA9PT0gJ3JhbmdlJ1wiIGFsaWduPVwic3RhcnRcIlxuICAgICAgICBbaW5uZXJIVE1MXT1cImNvbnRyb2xWYWx1ZVwiPjwvbWF0LWhpbnQ+XG4gICAgICA8bWF0LWhpbnQgKm5nSWY9XCJvcHRpb25zPy5kZXNjcmlwdGlvbiAmJiAoIW9wdGlvbnM/LnNob3dFcnJvcnMgfHwgIW9wdGlvbnM/LmVycm9yTWVzc2FnZSlcIlxuICAgICAgICBhbGlnbj1cImVuZFwiIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uZGVzY3JpcHRpb25cIj48L21hdC1oaW50PlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj1cIm9wdGlvbnM/LnNob3dFcnJvcnMgJiYgb3B0aW9ucz8uZXJyb3JNZXNzYWdlXCJcbiAgICAgIFtpbm5lckhUTUxdPVwib3B0aW9ucz8uZXJyb3JNZXNzYWdlXCI+PC9tYXQtZXJyb3I+YCxcbiAgc3R5bGVzOiBbYFxuICAgIG1hdC1lcnJvciB7IGZvbnQtc2l6ZTogNzUlOyBtYXJnaW4tdG9wOiAtMXJlbTsgbWFyZ2luLWJvdHRvbTogMC41cmVtOyB9XG4gICAgOjpuZy1kZWVwIGpzb24tc2NoZW1hLWZvcm0gbWF0LWZvcm0tZmllbGQgLm1hdC1mb3JtLWZpZWxkLXdyYXBwZXIgLm1hdC1mb3JtLWZpZWxkLWZsZXhcbiAgICAgIC5tYXQtZm9ybS1maWVsZC1pbmZpeCB7IHdpZHRoOiBpbml0aWFsOyB9XG4gIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbE51bWJlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1Db250cm9sOiBBYnN0cmFjdENvbnRyb2w7XG4gIGNvbnRyb2xOYW1lOiBzdHJpbmc7XG4gIGNvbnRyb2xWYWx1ZTogYW55O1xuICBjb250cm9sRGlzYWJsZWQgPSBmYWxzZTtcbiAgYm91bmRDb250cm9sID0gZmFsc2U7XG4gIG9wdGlvbnM6IGFueTtcbiAgYWxsb3dOZWdhdGl2ZSA9IHRydWU7XG4gIGFsbG93RGVjaW1hbCA9IHRydWU7XG4gIGFsbG93RXhwb25lbnRzID0gZmFsc2U7XG4gIGxhc3RWYWxpZE51bWJlciA9ICcnO1xuICBASW5wdXQoKSBsYXlvdXROb2RlOiBhbnk7XG4gIEBJbnB1dCgpIGxheW91dEluZGV4OiBudW1iZXJbXTtcbiAgQElucHV0KCkgZGF0YUluZGV4OiBudW1iZXJbXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUykgQE9wdGlvbmFsKCkgcHVibGljIG1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zLFxuICAgIHByaXZhdGUganNmOiBKc29uU2NoZW1hRm9ybVNlcnZpY2VcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSB0aGlzLmxheW91dE5vZGUub3B0aW9ucyB8fCB7fTtcbiAgICB0aGlzLmpzZi5pbml0aWFsaXplQ29udHJvbCh0aGlzKTtcbiAgICBpZiAodGhpcy5sYXlvdXROb2RlLmRhdGFUeXBlID09PSAnaW50ZWdlcicpIHsgdGhpcy5hbGxvd0RlY2ltYWwgPSBmYWxzZTsgfVxuICAgIGlmICghdGhpcy5vcHRpb25zLm5vdGl0bGUgJiYgIXRoaXMub3B0aW9ucy5kZXNjcmlwdGlvbiAmJiB0aGlzLm9wdGlvbnMucGxhY2Vob2xkZXIpIHtcbiAgICAgIHRoaXMub3B0aW9ucy5kZXNjcmlwdGlvbiA9IHRoaXMub3B0aW9ucy5wbGFjZWhvbGRlcjtcbiAgICB9XG4gIH1cblxuICB1cGRhdGVWYWx1ZShldmVudCkge1xuICAgIHRoaXMuanNmLnVwZGF0ZVZhbHVlKHRoaXMsIGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
|