@ng-formworks/core 17.3.0 → 18.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/README.md +2 -1
- package/esm2022/lib/framework-library/framework-library.service.mjs +4 -4
- package/esm2022/lib/framework-library/framework.mjs +4 -4
- package/esm2022/lib/framework-library/no-framework.component.mjs +4 -4
- package/esm2022/lib/framework-library/no-framework.module.mjs +5 -5
- package/esm2022/lib/framework-library/no.framework.mjs +4 -4
- package/esm2022/lib/json-schema-form.component.mjs +4 -4
- package/esm2022/lib/json-schema-form.module.mjs +5 -5
- package/esm2022/lib/json-schema-form.service.mjs +29 -29
- package/esm2022/lib/locale/de-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/en-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/es-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/fr-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/it-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/pt-validation-messages.mjs +1 -1
- package/esm2022/lib/locale/zh-validation-messages.mjs +1 -1
- package/esm2022/lib/shared/convert-schema-to-draft6.function.mjs +1 -1
- package/esm2022/lib/shared/form-group.functions.mjs +1 -1
- package/esm2022/lib/shared/format-regex.constants.mjs +1 -1
- package/esm2022/lib/shared/json-schema.functions.mjs +1 -1
- package/esm2022/lib/shared/json.validators.mjs +1 -1
- package/esm2022/lib/shared/jsonpointer.functions.mjs +4 -4
- package/esm2022/lib/shared/layout.functions.mjs +8 -4
- package/esm2022/lib/shared/merge-schemas.function.mjs +1 -1
- package/esm2022/lib/shared/utility.functions.mjs +1 -1
- package/esm2022/lib/shared/validator.functions.mjs +1 -1
- package/esm2022/lib/widget-library/add-reference.component.mjs +4 -4
- package/esm2022/lib/widget-library/button.component.mjs +4 -4
- package/esm2022/lib/widget-library/checkbox.component.mjs +4 -4
- package/esm2022/lib/widget-library/checkboxes.component.mjs +4 -4
- package/esm2022/lib/widget-library/file.component.mjs +4 -4
- package/esm2022/lib/widget-library/hidden.component.mjs +4 -4
- package/esm2022/lib/widget-library/input.component.mjs +4 -4
- package/esm2022/lib/widget-library/message.component.mjs +4 -4
- package/esm2022/lib/widget-library/none.component.mjs +4 -4
- package/esm2022/lib/widget-library/number.component.mjs +4 -4
- package/esm2022/lib/widget-library/one-of.component.mjs +4 -4
- package/esm2022/lib/widget-library/orderable.directive.mjs +4 -4
- package/esm2022/lib/widget-library/radios.component.mjs +4 -4
- package/esm2022/lib/widget-library/root.component.mjs +4 -4
- package/esm2022/lib/widget-library/section.component.mjs +4 -4
- package/esm2022/lib/widget-library/select-framework.component.mjs +4 -4
- package/esm2022/lib/widget-library/select-widget.component.mjs +4 -4
- package/esm2022/lib/widget-library/select.component.mjs +4 -4
- package/esm2022/lib/widget-library/submit.component.mjs +4 -4
- package/esm2022/lib/widget-library/tab.component.mjs +4 -4
- package/esm2022/lib/widget-library/tabs.component.mjs +4 -4
- package/esm2022/lib/widget-library/template.component.mjs +4 -4
- package/esm2022/lib/widget-library/textarea.component.mjs +4 -4
- package/esm2022/lib/widget-library/widget-library.module.mjs +5 -5
- package/esm2022/lib/widget-library/widget-library.service.mjs +42 -42
- package/fesm2022/ng-formworks-core.mjs +175 -171
- package/fesm2022/ng-formworks-core.mjs.map +1 -1
- package/lib/shared/validator.functions.d.ts +2 -2
- package/package.json +8 -6
|
@@ -2411,10 +2411,10 @@ class JsonPointer {
|
|
|
2411
2411
|
}
|
|
2412
2412
|
console.error('parseObjectPath error: Input object path must be a string.');
|
|
2413
2413
|
}
|
|
2414
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2415
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2414
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2415
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer }); }
|
|
2416
2416
|
}
|
|
2417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer, decorators: [{
|
|
2418
2418
|
type: Injectable
|
|
2419
2419
|
}] });
|
|
2420
2420
|
|
|
@@ -5703,8 +5703,8 @@ function fixNestedArrayLayout(options) {
|
|
|
5703
5703
|
//still too buggy
|
|
5704
5704
|
let createNonRefItem = (nodeWithRef) => {
|
|
5705
5705
|
let templateNode = {
|
|
5706
|
-
"type": "section",
|
|
5707
|
-
"recursiveReference": false,
|
|
5706
|
+
"type": "section", //check this could also be array?
|
|
5707
|
+
"recursiveReference": false, //check this
|
|
5708
5708
|
"items": []
|
|
5709
5709
|
};
|
|
5710
5710
|
let clone = cloneDeep(nodeWithRef);
|
|
@@ -5722,7 +5722,11 @@ function fixNestedArrayLayout(options) {
|
|
|
5722
5722
|
builtLayout: item,
|
|
5723
5723
|
indices: indices,
|
|
5724
5724
|
indexPos: indexPos,
|
|
5725
|
-
parentDataPointer:
|
|
5725
|
+
parentDataPointer: parentDataPointer
|
|
5726
|
+
//TODO-test
|
|
5727
|
+
//commented out builtLayout.dataPointer condition
|
|
5728
|
+
//-Angular 18/TS 5.5 compiliation error
|
|
5729
|
+
//builtLayout.dataPointer || parentDataPointer
|
|
5726
5730
|
});
|
|
5727
5731
|
});
|
|
5728
5732
|
return;
|
|
@@ -6392,48 +6396,48 @@ class JsonSchemaFormService {
|
|
|
6392
6396
|
this.language = 'en-US'; // Does the form include a recursive reference to itself?
|
|
6393
6397
|
// Default global form options
|
|
6394
6398
|
this.defaultFormOptions = {
|
|
6395
|
-
autocomplete: true,
|
|
6396
|
-
addSubmit: 'auto',
|
|
6399
|
+
autocomplete: true, // Allow the web browser to remember previous form submission values as defaults
|
|
6400
|
+
addSubmit: 'auto', // Add a submit button if layout does not have one?
|
|
6397
6401
|
// for addSubmit: true = always, false = never,
|
|
6398
6402
|
// 'auto' = only if layout is undefined (form is built from schema alone)
|
|
6399
|
-
debug: false,
|
|
6400
|
-
disableInvalidSubmit: true,
|
|
6401
|
-
formDisabled: false,
|
|
6402
|
-
formReadonly: false,
|
|
6403
|
-
fieldsRequired: false,
|
|
6404
|
-
framework: 'no-framework',
|
|
6405
|
-
loadExternalAssets: false,
|
|
6403
|
+
debug: false, // Show debugging output?
|
|
6404
|
+
disableInvalidSubmit: true, // Disable submit if form invalid?
|
|
6405
|
+
formDisabled: false, // Set entire form as disabled? (not editable, and disables outputs)
|
|
6406
|
+
formReadonly: false, // Set entire form as read only? (not editable, but outputs still enabled)
|
|
6407
|
+
fieldsRequired: false, // (set automatically) Are there any required fields in the form?
|
|
6408
|
+
framework: 'no-framework', // The framework to load
|
|
6409
|
+
loadExternalAssets: false, // Load external css and JavaScript for framework?
|
|
6406
6410
|
pristine: { errors: true, success: true },
|
|
6407
6411
|
supressPropertyTitles: false,
|
|
6408
|
-
setSchemaDefaults: 'auto',
|
|
6412
|
+
setSchemaDefaults: 'auto', // Set fefault values from schema?
|
|
6409
6413
|
// true = always set (unless overridden by layout default or formValues)
|
|
6410
6414
|
// false = never set
|
|
6411
6415
|
// 'auto' = set in addable components, and everywhere if formValues not set
|
|
6412
|
-
setLayoutDefaults: 'auto',
|
|
6416
|
+
setLayoutDefaults: 'auto', // Set fefault values from layout?
|
|
6413
6417
|
// true = always set (unless overridden by formValues)
|
|
6414
6418
|
// false = never set
|
|
6415
6419
|
// 'auto' = set in addable components, and everywhere if formValues not set
|
|
6416
|
-
validateOnRender: 'auto',
|
|
6420
|
+
validateOnRender: 'auto', // Validate fields immediately, before they are touched?
|
|
6417
6421
|
// true = validate all fields immediately
|
|
6418
6422
|
// false = only validate fields after they are touched by user
|
|
6419
6423
|
// 'auto' = validate fields with values immediately, empty fields after they are touched
|
|
6420
|
-
widgets: {},
|
|
6424
|
+
widgets: {}, // Any custom widgets to load
|
|
6421
6425
|
defaultWidgetOptions: {
|
|
6422
6426
|
// Default options for form control widgets
|
|
6423
|
-
listItems: 1,
|
|
6424
|
-
addable: true,
|
|
6425
|
-
orderable: true,
|
|
6426
|
-
removable: true,
|
|
6427
|
-
enableErrorState: true,
|
|
6427
|
+
listItems: 1, // Number of list items to initially add to arrays with no default value
|
|
6428
|
+
addable: true, // Allow adding items to an array or $ref point?
|
|
6429
|
+
orderable: true, // Allow reordering items within an array?
|
|
6430
|
+
removable: true, // Allow removing items from an array or $ref point?
|
|
6431
|
+
enableErrorState: true, // Apply 'has-error' class when field fails validation?
|
|
6428
6432
|
// disableErrorState: false, // Don't apply 'has-error' class when field fails validation?
|
|
6429
|
-
enableSuccessState: true,
|
|
6433
|
+
enableSuccessState: true, // Apply 'has-success' class when field validates?
|
|
6430
6434
|
// disableSuccessState: false, // Don't apply 'has-success' class when field validates?
|
|
6431
|
-
feedback: false,
|
|
6432
|
-
feedbackOnRender: false,
|
|
6433
|
-
notitle: false,
|
|
6434
|
-
disabled: false,
|
|
6435
|
-
readonly: false,
|
|
6436
|
-
returnEmptyFields: true,
|
|
6435
|
+
feedback: false, // Show inline feedback icons?
|
|
6436
|
+
feedbackOnRender: false, // Show errorMessage on Render?
|
|
6437
|
+
notitle: false, // Hide title?
|
|
6438
|
+
disabled: false, // Set control as disabled? (not editable, and excluded from output)
|
|
6439
|
+
readonly: false, // Set control as read only? (not editable, but included in output)
|
|
6440
|
+
returnEmptyFields: true, // return values for fields that contain no data?
|
|
6437
6441
|
validationMessages: {} // set by setLanguage()
|
|
6438
6442
|
}
|
|
6439
6443
|
};
|
|
@@ -7012,10 +7016,10 @@ class JsonSchemaFormService {
|
|
|
7012
7016
|
JsonPointer.remove(this.layout, this.getLayoutPointer(ctx));
|
|
7013
7017
|
return true;
|
|
7014
7018
|
}
|
|
7015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7016
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7020
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService }); }
|
|
7017
7021
|
}
|
|
7018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService, decorators: [{
|
|
7019
7023
|
type: Injectable
|
|
7020
7024
|
}], ctorParameters: () => [] });
|
|
7021
7025
|
|
|
@@ -7043,8 +7047,8 @@ class AddReferenceComponent {
|
|
|
7043
7047
|
return parent.layoutNode.add ||
|
|
7044
7048
|
this.jsf.setArrayItemTitle(parent, this.layoutNode, this.itemCount);
|
|
7045
7049
|
}
|
|
7046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7047
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AddReferenceComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: AddReferenceComponent, selector: "add-reference-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7048
7052
|
<button *ngIf="showAddButton"
|
|
7049
7053
|
[class]="options?.fieldHtmlClass || ''"
|
|
7050
7054
|
[disabled]="options?.readonly"
|
|
@@ -7053,7 +7057,7 @@ class AddReferenceComponent {
|
|
|
7053
7057
|
<span *ngIf="options?.title" [innerHTML]="buttonText"></span>
|
|
7054
7058
|
</button>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
7055
7059
|
}
|
|
7056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AddReferenceComponent, decorators: [{
|
|
7057
7061
|
type: Component,
|
|
7058
7062
|
args: [{
|
|
7059
7063
|
// tslint:disable-next-line:component-selector
|
|
@@ -7094,8 +7098,8 @@ class ButtonComponent {
|
|
|
7094
7098
|
this.jsf.updateValue(this, event.target.value);
|
|
7095
7099
|
}
|
|
7096
7100
|
}
|
|
7097
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7098
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ButtonComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7102
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ButtonComponent, selector: "button-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7099
7103
|
<div
|
|
7100
7104
|
[class]="options?.htmlClass || ''">
|
|
7101
7105
|
<button
|
|
@@ -7113,7 +7117,7 @@ class ButtonComponent {
|
|
|
7113
7117
|
</button>
|
|
7114
7118
|
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7115
7119
|
}
|
|
7116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
7117
7121
|
type: Component,
|
|
7118
7122
|
args: [{
|
|
7119
7123
|
// tslint:disable-next-line:component-selector
|
|
@@ -7166,8 +7170,8 @@ class CheckboxComponent {
|
|
|
7166
7170
|
get isChecked() {
|
|
7167
7171
|
return this.jsf.getFormControlValue(this) === this.trueValue;
|
|
7168
7172
|
}
|
|
7169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7174
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CheckboxComponent, selector: "checkbox-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7171
7175
|
<label
|
|
7172
7176
|
[attr.for]="'control' + layoutNode?._id"
|
|
7173
7177
|
[class]="options?.itemLabelHtmlClass || ''">
|
|
@@ -7199,7 +7203,7 @@ class CheckboxComponent {
|
|
|
7199
7203
|
[innerHTML]="options?.title"></span>
|
|
7200
7204
|
</label>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
7201
7205
|
}
|
|
7202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
7203
7207
|
type: Component,
|
|
7204
7208
|
args: [{
|
|
7205
7209
|
// tslint:disable-next-line:component-selector
|
|
@@ -7272,8 +7276,8 @@ class CheckboxesComponent {
|
|
|
7272
7276
|
this.jsf.updateArrayCheckboxList(this, this.checkboxList);
|
|
7273
7277
|
}
|
|
7274
7278
|
}
|
|
7275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7279
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxesComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7280
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: CheckboxesComponent, selector: "checkboxes-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7277
7281
|
<label *ngIf="options?.title"
|
|
7278
7282
|
[class]="options?.labelHtmlClass || ''"
|
|
7279
7283
|
[style.display]="options?.notitle ? 'none' : ''"
|
|
@@ -7323,7 +7327,7 @@ class CheckboxesComponent {
|
|
|
7323
7327
|
</div>
|
|
7324
7328
|
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7325
7329
|
}
|
|
7326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxesComponent, decorators: [{
|
|
7327
7331
|
type: Component,
|
|
7328
7332
|
args: [{
|
|
7329
7333
|
// tslint:disable-next-line:component-selector
|
|
@@ -7400,10 +7404,10 @@ class FileComponent {
|
|
|
7400
7404
|
updateValue(event) {
|
|
7401
7405
|
this.jsf.updateValue(this, event.target.value);
|
|
7402
7406
|
}
|
|
7403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FileComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FileComponent, selector: "file-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: ``, isInline: true }); }
|
|
7405
7409
|
}
|
|
7406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FileComponent, decorators: [{
|
|
7407
7411
|
type: Component,
|
|
7408
7412
|
args: [{
|
|
7409
7413
|
// tslint:disable-next-line:component-selector
|
|
@@ -7432,8 +7436,8 @@ class InputComponent {
|
|
|
7432
7436
|
updateValue(event) {
|
|
7433
7437
|
this.jsf.updateValue(this, event.target.value);
|
|
7434
7438
|
}
|
|
7435
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7439
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7440
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: InputComponent, selector: "input-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7437
7441
|
<div [class]="options?.htmlClass || ''">
|
|
7438
7442
|
<label *ngIf="options?.title"
|
|
7439
7443
|
[attr.for]="'control' + layoutNode?._id"
|
|
@@ -7476,7 +7480,7 @@ class InputComponent {
|
|
|
7476
7480
|
</datalist>
|
|
7477
7481
|
</div>`, isInline: true, 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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
7478
7482
|
}
|
|
7479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputComponent, decorators: [{
|
|
7480
7484
|
type: Component,
|
|
7481
7485
|
args: [{
|
|
7482
7486
|
// tslint:disable-next-line:component-selector
|
|
@@ -7542,13 +7546,13 @@ class MessageComponent {
|
|
|
7542
7546
|
this.message = this.options.help || this.options.helpvalue ||
|
|
7543
7547
|
this.options.msg || this.options.message;
|
|
7544
7548
|
}
|
|
7545
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7546
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7549
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MessageComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7550
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: MessageComponent, selector: "message-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7547
7551
|
<span *ngIf="message"
|
|
7548
7552
|
[class]="options?.labelHtmlClass || ''"
|
|
7549
7553
|
[innerHTML]="message"></span>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7550
7554
|
}
|
|
7551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MessageComponent, decorators: [{
|
|
7552
7556
|
type: Component,
|
|
7553
7557
|
args: [{
|
|
7554
7558
|
// tslint:disable-next-line:component-selector
|
|
@@ -7567,10 +7571,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7567
7571
|
}] } });
|
|
7568
7572
|
|
|
7569
7573
|
class NoneComponent {
|
|
7570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: NoneComponent, selector: "none-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: ``, isInline: true }); }
|
|
7572
7576
|
}
|
|
7573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoneComponent, decorators: [{
|
|
7574
7578
|
type: Component,
|
|
7575
7579
|
args: [{
|
|
7576
7580
|
// tslint:disable-next-line:component-selector
|
|
@@ -7605,8 +7609,8 @@ class NumberComponent {
|
|
|
7605
7609
|
updateValue(event) {
|
|
7606
7610
|
this.jsf.updateValue(this, event.target.value);
|
|
7607
7611
|
}
|
|
7608
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7609
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7612
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NumberComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7613
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: NumberComponent, selector: "number-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7610
7614
|
<div [class]="options?.htmlClass || ''">
|
|
7611
7615
|
<label *ngIf="options?.title"
|
|
7612
7616
|
[attr.for]="'control' + layoutNode?._id"
|
|
@@ -7648,7 +7652,7 @@ class NumberComponent {
|
|
|
7648
7652
|
<span *ngIf="layoutNode?.type === 'range'" [innerHTML]="controlValue"></span>
|
|
7649
7653
|
</div>`, isInline: true, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
7650
7654
|
}
|
|
7651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NumberComponent, decorators: [{
|
|
7652
7656
|
type: Component,
|
|
7653
7657
|
args: [{
|
|
7654
7658
|
// tslint:disable-next-line:component-selector
|
|
@@ -7717,10 +7721,10 @@ class OneOfComponent {
|
|
|
7717
7721
|
updateValue(event) {
|
|
7718
7722
|
this.jsf.updateValue(this, event.target.value);
|
|
7719
7723
|
}
|
|
7720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7721
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7724
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OneOfComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7725
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: OneOfComponent, selector: "one-of-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: ``, isInline: true }); }
|
|
7722
7726
|
}
|
|
7723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OneOfComponent, decorators: [{
|
|
7724
7728
|
type: Component,
|
|
7725
7729
|
args: [{
|
|
7726
7730
|
// tslint:disable-next-line:component-selector
|
|
@@ -7755,8 +7759,8 @@ class RadiosComponent {
|
|
|
7755
7759
|
updateValue(event) {
|
|
7756
7760
|
this.jsf.updateValue(this, event.target.value);
|
|
7757
7761
|
}
|
|
7758
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7759
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7762
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RadiosComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7763
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: RadiosComponent, selector: "radios-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
7760
7764
|
<label *ngIf="options?.title"
|
|
7761
7765
|
[attr.for]="'control' + layoutNode?._id"
|
|
7762
7766
|
[class]="options?.labelHtmlClass || ''"
|
|
@@ -7813,7 +7817,7 @@ class RadiosComponent {
|
|
|
7813
7817
|
</div>
|
|
7814
7818
|
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7815
7819
|
}
|
|
7816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7820
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RadiosComponent, decorators: [{
|
|
7817
7821
|
type: Component,
|
|
7818
7822
|
args: [{
|
|
7819
7823
|
// tslint:disable-next-line:component-selector
|
|
@@ -7907,10 +7911,10 @@ class SelectFrameworkComponent {
|
|
|
7907
7911
|
}
|
|
7908
7912
|
}
|
|
7909
7913
|
}
|
|
7910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7914
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectFrameworkComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7915
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SelectFrameworkComponent, selector: "select-framework-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<div #widgetContainer></div>`, isInline: true }); }
|
|
7912
7916
|
}
|
|
7913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectFrameworkComponent, decorators: [{
|
|
7914
7918
|
type: Component,
|
|
7915
7919
|
args: [{
|
|
7916
7920
|
// tslint:disable-next-line:component-selector
|
|
@@ -8032,10 +8036,10 @@ class OrderableDirective {
|
|
|
8032
8036
|
});
|
|
8033
8037
|
}
|
|
8034
8038
|
}
|
|
8035
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8036
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderableDirective, deps: [{ token: i0.ElementRef }, { token: JsonSchemaFormService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8040
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: OrderableDirective, selector: "[orderable]", inputs: { orderable: "orderable", layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0 }); }
|
|
8037
8041
|
}
|
|
8038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8042
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderableDirective, decorators: [{
|
|
8039
8043
|
type: Directive,
|
|
8040
8044
|
args: [{
|
|
8041
8045
|
// tslint:disable-next-line:directive-selector
|
|
@@ -8070,8 +8074,8 @@ class RootComponent {
|
|
|
8070
8074
|
showWidget(layoutNode) {
|
|
8071
8075
|
return this.jsf.evaluateCondition(layoutNode, this.dataIndex);
|
|
8072
8076
|
}
|
|
8073
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8074
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8077
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RootComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8078
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: RootComponent, selector: "root-widget", inputs: { dataIndex: "dataIndex", layoutIndex: "layoutIndex", layout: "layout", isOrderable: "isOrderable", isFlexItem: "isFlexItem" }, ngImport: i0, template: `
|
|
8075
8079
|
<div *ngFor="let layoutItem of layout; let i = index"
|
|
8076
8080
|
[class.form-flex-item]="isFlexItem"
|
|
8077
8081
|
[style.align-self]="(layoutItem.options || {})['align-self']"
|
|
@@ -8091,7 +8095,7 @@ class RootComponent {
|
|
|
8091
8095
|
</div>
|
|
8092
8096
|
</div>`, isInline: true, styles: ["[draggable=true]{transition:all .15s cubic-bezier(.4,0,.2,1)}[draggable=true]:hover{cursor:move;box-shadow:2px 2px 4px #0003;position:relative;z-index:10;margin:-1px 1px 1px -1px}[draggable=true].drag-target-top{box-shadow:0 -2px #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px #000;position:relative;z-index:20}\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: "component", type: SelectFrameworkComponent, selector: "select-framework-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }, { kind: "directive", type: OrderableDirective, selector: "[orderable]", inputs: ["orderable", "layoutNode", "layoutIndex", "dataIndex"] }] }); }
|
|
8093
8097
|
}
|
|
8094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8098
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RootComponent, decorators: [{
|
|
8095
8099
|
type: Component,
|
|
8096
8100
|
args: [{ selector: 'root-widget', template: `
|
|
8097
8101
|
<div *ngFor="let layoutItem of layout; let i = index"
|
|
@@ -8182,8 +8186,8 @@ class SectionComponent {
|
|
|
8182
8186
|
return this.options[attribute];
|
|
8183
8187
|
}
|
|
8184
8188
|
}
|
|
8185
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8186
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8189
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SectionComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SectionComponent, selector: "section-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
8187
8191
|
<div *ngIf="containerType === 'div'"
|
|
8188
8192
|
[class]="options?.htmlClass || ''"
|
|
8189
8193
|
[class.expandable]="options?.expandable && !expanded"
|
|
@@ -8246,7 +8250,7 @@ class SectionComponent {
|
|
|
8246
8250
|
</div>
|
|
8247
8251
|
</fieldset>`, isInline: true, styles: [".legend{font-weight:700}.expandable>legend:before,.expandable>label:before{content:\"\\25b6\";padding-right:.3em}.expanded>legend:before,.expanded>label:before{content:\"\\25bc\";padding-right:.2em}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RootComponent, selector: "root-widget", inputs: ["dataIndex", "layoutIndex", "layout", "isOrderable", "isFlexItem"] }] }); }
|
|
8248
8252
|
}
|
|
8249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SectionComponent, decorators: [{
|
|
8250
8254
|
type: Component,
|
|
8251
8255
|
args: [{ selector: 'section-widget', template: `
|
|
8252
8256
|
<div *ngIf="containerType === 'div'"
|
|
@@ -8334,8 +8338,8 @@ class SelectComponent {
|
|
|
8334
8338
|
updateValue(event) {
|
|
8335
8339
|
this.jsf.updateValue(this, event.target.value);
|
|
8336
8340
|
}
|
|
8337
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8338
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SelectComponent, selector: "select-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
8339
8343
|
<div
|
|
8340
8344
|
[class]="options?.htmlClass || ''">
|
|
8341
8345
|
<label *ngIf="options?.title"
|
|
@@ -8392,7 +8396,7 @@ class SelectComponent {
|
|
|
8392
8396
|
</select>
|
|
8393
8397
|
</div>`, isInline: true, 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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
8394
8398
|
}
|
|
8395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectComponent, decorators: [{
|
|
8396
8400
|
type: Component,
|
|
8397
8401
|
args: [{
|
|
8398
8402
|
// tslint:disable-next-line:component-selector
|
|
@@ -8484,10 +8488,10 @@ class SelectWidgetComponent {
|
|
|
8484
8488
|
}
|
|
8485
8489
|
}
|
|
8486
8490
|
}
|
|
8487
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8491
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectWidgetComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8492
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SelectWidgetComponent, selector: "select-widget-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<div #widgetContainer></div>`, isInline: true }); }
|
|
8489
8493
|
}
|
|
8490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectWidgetComponent, decorators: [{
|
|
8491
8495
|
type: Component,
|
|
8492
8496
|
args: [{
|
|
8493
8497
|
// tslint:disable-next-line:component-selector
|
|
@@ -8537,8 +8541,8 @@ class SubmitComponent {
|
|
|
8537
8541
|
this.jsf.updateValue(this, event.target.value);
|
|
8538
8542
|
}
|
|
8539
8543
|
}
|
|
8540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8541
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubmitComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8545
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: SubmitComponent, selector: "submit-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
8542
8546
|
<div
|
|
8543
8547
|
[class]="options?.htmlClass || ''">
|
|
8544
8548
|
<input
|
|
@@ -8554,7 +8558,7 @@ class SubmitComponent {
|
|
|
8554
8558
|
(click)="updateValue($event)">
|
|
8555
8559
|
</div>`, isInline: true }); }
|
|
8556
8560
|
}
|
|
8557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubmitComponent, decorators: [{
|
|
8558
8562
|
type: Component,
|
|
8559
8563
|
args: [{
|
|
8560
8564
|
// tslint:disable-next-line:component-selector
|
|
@@ -8616,8 +8620,8 @@ class TabsComponent {
|
|
|
8616
8620
|
setTabTitle(item, index) {
|
|
8617
8621
|
return this.jsf.setArrayItemTitle(this, item, index);
|
|
8618
8622
|
}
|
|
8619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8623
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabsComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8624
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: TabsComponent, selector: "tabs-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
8621
8625
|
<ul
|
|
8622
8626
|
[class]="options?.labelHtmlClass || ''">
|
|
8623
8627
|
<li *ngFor="let item of layoutNode?.items; let i = index"
|
|
@@ -8647,7 +8651,7 @@ class TabsComponent {
|
|
|
8647
8651
|
|
|
8648
8652
|
</div>`, isInline: true, styles: ["a{cursor:pointer}\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: "component", type: SelectFrameworkComponent, selector: "select-framework-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }] }); }
|
|
8649
8653
|
}
|
|
8650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabsComponent, decorators: [{
|
|
8651
8655
|
type: Component,
|
|
8652
8656
|
args: [{ selector: 'tabs-widget', template: `
|
|
8653
8657
|
<ul
|
|
@@ -8708,10 +8712,10 @@ class TemplateComponent {
|
|
|
8708
8712
|
}
|
|
8709
8713
|
}
|
|
8710
8714
|
}
|
|
8711
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: TemplateComponent, selector: "template-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<div #widgetContainer></div>`, isInline: true }); }
|
|
8713
8717
|
}
|
|
8714
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
|
|
8715
8719
|
type: Component,
|
|
8716
8720
|
args: [{
|
|
8717
8721
|
// tslint:disable-next-line:component-selector
|
|
@@ -8742,8 +8746,8 @@ class TextareaComponent {
|
|
|
8742
8746
|
updateValue(event) {
|
|
8743
8747
|
this.jsf.updateValue(this, event.target.value);
|
|
8744
8748
|
}
|
|
8745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8749
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8750
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: TextareaComponent, selector: "textarea-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
8747
8751
|
<div
|
|
8748
8752
|
[class]="options?.htmlClass || ''">
|
|
8749
8753
|
<label *ngIf="options?.title"
|
|
@@ -8779,7 +8783,7 @@ class TextareaComponent {
|
|
|
8779
8783
|
(input)="updateValue($event)">{{controlValue}}</textarea>
|
|
8780
8784
|
</div>`, isInline: true, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
8781
8785
|
}
|
|
8782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
8783
8787
|
type: Component,
|
|
8784
8788
|
args: [{
|
|
8785
8789
|
// tslint:disable-next-line:component-selector
|
|
@@ -8833,14 +8837,14 @@ class WidgetLibraryService {
|
|
|
8833
8837
|
this.defaultWidget = 'text';
|
|
8834
8838
|
this.widgetLibrary = {
|
|
8835
8839
|
// Angular JSON Schema Form administrative widgets
|
|
8836
|
-
'none': NoneComponent,
|
|
8837
|
-
'root': RootComponent,
|
|
8838
|
-
'select-framework': SelectFrameworkComponent,
|
|
8839
|
-
'select-widget': SelectWidgetComponent,
|
|
8840
|
-
'$ref': AddReferenceComponent,
|
|
8840
|
+
'none': NoneComponent, // Placeholder, for development - displays nothing
|
|
8841
|
+
'root': RootComponent, // Form root, renders a complete layout
|
|
8842
|
+
'select-framework': SelectFrameworkComponent, // Applies the selected framework to a specified widget
|
|
8843
|
+
'select-widget': SelectWidgetComponent, // Displays a specified widget
|
|
8844
|
+
'$ref': AddReferenceComponent, // Button to add a new array item or $ref element
|
|
8841
8845
|
// Free-form text HTML 'input' form control widgets <input type="...">
|
|
8842
8846
|
'email': 'text',
|
|
8843
|
-
'integer': 'number',
|
|
8847
|
+
'integer': 'number', // Note: 'integer' is not a recognized HTML input type
|
|
8844
8848
|
'number': NumberComponent,
|
|
8845
8849
|
'password': 'text',
|
|
8846
8850
|
'search': 'text',
|
|
@@ -8858,12 +8862,12 @@ class WidgetLibraryService {
|
|
|
8858
8862
|
'week': 'text',
|
|
8859
8863
|
// Non-text HTML 'input' form control widgets <input type="...">
|
|
8860
8864
|
// 'button': <input type="button"> not used, use <button> instead
|
|
8861
|
-
'checkbox': CheckboxComponent,
|
|
8862
|
-
'file': FileComponent,
|
|
8865
|
+
'checkbox': CheckboxComponent, // TODO: Set ternary = true for 3-state ??
|
|
8866
|
+
'file': FileComponent, // TODO: Finish 'file' widget
|
|
8863
8867
|
'hidden': 'text',
|
|
8864
|
-
'image': 'text',
|
|
8868
|
+
'image': 'text', // TODO: Figure out how to handle these
|
|
8865
8869
|
'radio': 'radios',
|
|
8866
|
-
'reset': 'submit',
|
|
8870
|
+
'reset': 'submit', // TODO: Figure out how to handle these
|
|
8867
8871
|
'submit': SubmitComponent,
|
|
8868
8872
|
// Other (non-'input') HTML form control widgets
|
|
8869
8873
|
'button': ButtonComponent,
|
|
@@ -8872,39 +8876,39 @@ class WidgetLibraryService {
|
|
|
8872
8876
|
// 'optgroup': automatically generated by select widgets
|
|
8873
8877
|
'textarea': TextareaComponent,
|
|
8874
8878
|
// HTML form control widget sets
|
|
8875
|
-
'checkboxes': CheckboxesComponent,
|
|
8876
|
-
'checkboxes-inline': 'checkboxes',
|
|
8877
|
-
'checkboxbuttons': 'checkboxes',
|
|
8878
|
-
'radios': RadiosComponent,
|
|
8879
|
-
'radios-inline': 'radios',
|
|
8880
|
-
'radiobuttons': 'radios',
|
|
8879
|
+
'checkboxes': CheckboxesComponent, // Grouped list of checkboxes
|
|
8880
|
+
'checkboxes-inline': 'checkboxes', // Checkboxes in one line
|
|
8881
|
+
'checkboxbuttons': 'checkboxes', // Checkboxes as html buttons
|
|
8882
|
+
'radios': RadiosComponent, // Grouped list of radio buttons
|
|
8883
|
+
'radios-inline': 'radios', // Radio controls in one line
|
|
8884
|
+
'radiobuttons': 'radios', // Radio controls as html buttons
|
|
8881
8885
|
// HTML Layout widgets
|
|
8882
8886
|
// 'label': automatically added to data widgets
|
|
8883
8887
|
// 'legend': automatically added to fieldsets
|
|
8884
|
-
'section': SectionComponent,
|
|
8885
|
-
'div': 'section',
|
|
8886
|
-
'fieldset': 'section',
|
|
8887
|
-
'flex': 'section',
|
|
8888
|
+
'section': SectionComponent, // Just a div <div>
|
|
8889
|
+
'div': 'section', // Still just a div <div>
|
|
8890
|
+
'fieldset': 'section', // A fieldset, with an optional legend <fieldset>
|
|
8891
|
+
'flex': 'section', // A flexbox container <div style="display: flex">
|
|
8888
8892
|
// Non-HTML layout widgets
|
|
8889
|
-
'one-of': OneOfComponent,
|
|
8893
|
+
'one-of': OneOfComponent, // A select box that changes another input
|
|
8890
8894
|
// TODO: Finish 'one-of' widget
|
|
8891
|
-
'array': 'section',
|
|
8892
|
-
'tabarray': 'tabs',
|
|
8893
|
-
'tab': 'section',
|
|
8894
|
-
'tabs': TabsComponent,
|
|
8895
|
-
'message': MessageComponent,
|
|
8896
|
-
'help': 'message',
|
|
8897
|
-
'msg': 'message',
|
|
8898
|
-
'html': 'message',
|
|
8899
|
-
'template': TemplateComponent,
|
|
8895
|
+
'array': 'section', // A list you can add, remove and reorder <fieldset>
|
|
8896
|
+
'tabarray': 'tabs', // A tabbed version of array
|
|
8897
|
+
'tab': 'section', // A tab group, similar to a fieldset or section <fieldset>
|
|
8898
|
+
'tabs': TabsComponent, // A tabbed set of panels with different controls
|
|
8899
|
+
'message': MessageComponent, // Insert arbitrary html
|
|
8900
|
+
'help': 'message', // Insert arbitrary html
|
|
8901
|
+
'msg': 'message', // Insert arbitrary html
|
|
8902
|
+
'html': 'message', // Insert arbitrary html
|
|
8903
|
+
'template': TemplateComponent, // Insert a custom Angular component
|
|
8900
8904
|
// Widgets included for compatibility with JSON Form API
|
|
8901
|
-
'advancedfieldset': 'section',
|
|
8902
|
-
'authfieldset': 'section',
|
|
8903
|
-
'optionfieldset': 'one-of',
|
|
8904
|
-
'selectfieldset': 'one-of',
|
|
8905
|
-
'conditional': 'section',
|
|
8906
|
-
'actions': 'section',
|
|
8907
|
-
'tagsinput': 'section',
|
|
8905
|
+
'advancedfieldset': 'section', // Adds 'Advanced settings' title <fieldset>
|
|
8906
|
+
'authfieldset': 'section', // Adds 'Authentication settings' title <fieldset>
|
|
8907
|
+
'optionfieldset': 'one-of', // Option control, displays selected sub-item <fieldset>
|
|
8908
|
+
'selectfieldset': 'one-of', // Select control, displays selected sub-item <fieldset>
|
|
8909
|
+
'conditional': 'section', // Identical to 'section' (depeciated) <div>
|
|
8910
|
+
'actions': 'section', // Horizontal button list, can only submit, uses buttons as items <div>
|
|
8911
|
+
'tagsinput': 'section', // For entering short text tags <div>
|
|
8908
8912
|
// See: http://ulion.github.io/jsonform/playground/?example=fields-checkboxbuttons
|
|
8909
8913
|
// Widgets included for compatibility with React JSON Schema Form API
|
|
8910
8914
|
'updown': 'number',
|
|
@@ -8912,7 +8916,7 @@ class WidgetLibraryService {
|
|
|
8912
8916
|
'alt-datetime': 'datetime-local',
|
|
8913
8917
|
'alt-date': 'date',
|
|
8914
8918
|
// Widgets included for compatibility with Angular Schema Form API
|
|
8915
|
-
'wizard': 'section',
|
|
8919
|
+
'wizard': 'section', // TODO: Sequential panels with "Next" and "Previous" buttons
|
|
8916
8920
|
// Widgets included for compatibility with other libraries
|
|
8917
8921
|
'textline': 'text',
|
|
8918
8922
|
// Recommended 3rd-party add-on widgets (TODO: create wrappers for these...)
|
|
@@ -9021,10 +9025,10 @@ class WidgetLibraryService {
|
|
|
9021
9025
|
activeWidgets: this.activeWidgets,
|
|
9022
9026
|
};
|
|
9023
9027
|
}
|
|
9024
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9025
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9028
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9029
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, providedIn: 'root' }); }
|
|
9026
9030
|
}
|
|
9027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, decorators: [{
|
|
9028
9032
|
type: Injectable,
|
|
9029
9033
|
args: [{
|
|
9030
9034
|
providedIn: 'root',
|
|
@@ -9037,10 +9041,10 @@ class Framework {
|
|
|
9037
9041
|
this.stylesheets = [];
|
|
9038
9042
|
this.scripts = [];
|
|
9039
9043
|
}
|
|
9040
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9041
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9044
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9045
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework }); }
|
|
9042
9046
|
}
|
|
9043
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework, decorators: [{
|
|
9044
9048
|
type: Injectable
|
|
9045
9049
|
}] });
|
|
9046
9050
|
|
|
@@ -9195,10 +9199,10 @@ class FrameworkLibraryService {
|
|
|
9195
9199
|
return actFramework.unregisterTheme(name);
|
|
9196
9200
|
}
|
|
9197
9201
|
}
|
|
9198
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9199
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrameworkLibraryService, deps: [{ token: Framework }, { token: WidgetLibraryService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9203
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrameworkLibraryService, providedIn: 'root' }); }
|
|
9200
9204
|
}
|
|
9201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrameworkLibraryService, decorators: [{
|
|
9202
9206
|
type: Injectable,
|
|
9203
9207
|
args: [{
|
|
9204
9208
|
providedIn: 'root',
|
|
@@ -9895,10 +9899,10 @@ class JsonSchemaFormComponent {
|
|
|
9895
9899
|
}
|
|
9896
9900
|
}
|
|
9897
9901
|
}
|
|
9898
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9899
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9902
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FrameworkLibraryService }, { token: WidgetLibraryService }, { token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9903
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: JsonSchemaFormComponent, selector: "json-schema-form", inputs: { schema: "schema", layout: "layout", data: "data", options: "options", framework: "framework", widgets: "widgets", form: "form", model: "model", JSONSchema: "JSONSchema", UISchema: "UISchema", formData: "formData", ngModel: "ngModel", language: "language", loadExternalAssets: "loadExternalAssets", debug: "debug", theme: "theme", value: "value" }, outputs: { onChanges: "onChanges", onSubmit: "onSubmit", isValid: "isValid", validationErrors: "validationErrors", formSchema: "formSchema", formLayout: "formLayout", dataChange: "dataChange", modelChange: "modelChange", formDataChange: "formDataChange", ngModelChange: "ngModelChange" }, providers: [JsonSchemaFormService, JSON_SCHEMA_FORM_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<form [autocomplete]=\"jsf?.formOptions?.autocomplete ? 'on' : 'off'\" class=\"json-schema-form\" (ngSubmit)=\"submitForm()\">\r\n <root-widget [layout]=\"jsf?.layout\"></root-widget>\r\n</form>\r\n<div *ngIf=\"debug || jsf?.formOptions?.debug\">\r\n Debug output:\r\n <pre>{{debugOutput}}</pre>\r\n</div>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: RootComponent, selector: "root-widget", inputs: ["dataIndex", "layoutIndex", "layout", "isOrderable", "isFlexItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9900
9904
|
}
|
|
9901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormComponent, decorators: [{
|
|
9902
9906
|
type: Component,
|
|
9903
9907
|
args: [{ selector: 'json-schema-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [JsonSchemaFormService, JSON_SCHEMA_FORM_VALUE_ACCESSOR], template: "<form [autocomplete]=\"jsf?.formOptions?.autocomplete ? 'on' : 'off'\" class=\"json-schema-form\" (ngSubmit)=\"submitForm()\">\r\n <root-widget [layout]=\"jsf?.layout\"></root-widget>\r\n</form>\r\n<div *ngIf=\"debug || jsf?.formOptions?.debug\">\r\n Debug output:\r\n <pre>{{debugOutput}}</pre>\r\n</div>" }]
|
|
9904
9908
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: FrameworkLibraryService }, { type: WidgetLibraryService }, { type: JsonSchemaFormService }], propDecorators: { schema: [{
|
|
@@ -9958,10 +9962,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9958
9962
|
}] } });
|
|
9959
9963
|
|
|
9960
9964
|
class NoFrameworkComponent {
|
|
9961
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9962
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9965
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: NoFrameworkComponent, selector: "no-framework", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: "<select-widget-widget [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\" [layoutNode]=\"layoutNode\">\r\n</select-widget-widget>", dependencies: [{ kind: "component", type: SelectWidgetComponent, selector: "select-widget-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }] }); }
|
|
9963
9967
|
}
|
|
9964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkComponent, decorators: [{
|
|
9965
9969
|
type: Component,
|
|
9966
9970
|
args: [{ selector: 'no-framework', template: "<select-widget-widget [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\" [layoutNode]=\"layoutNode\">\r\n</select-widget-widget>" }]
|
|
9967
9971
|
}], propDecorators: { layoutNode: [{
|
|
@@ -9980,10 +9984,10 @@ class NoFramework extends Framework {
|
|
|
9980
9984
|
this.text = 'None (plain HTML)';
|
|
9981
9985
|
this.framework = NoFrameworkComponent;
|
|
9982
9986
|
}
|
|
9983
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9984
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9987
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9988
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework }); }
|
|
9985
9989
|
}
|
|
9986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework, decorators: [{
|
|
9987
9991
|
type: Injectable
|
|
9988
9992
|
}] });
|
|
9989
9993
|
|
|
@@ -9996,8 +10000,8 @@ class HiddenComponent {
|
|
|
9996
10000
|
ngOnInit() {
|
|
9997
10001
|
this.jsf.initializeControl(this);
|
|
9998
10002
|
}
|
|
9999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10000
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10003
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HiddenComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: HiddenComponent, selector: "hidden-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
10001
10005
|
<input *ngIf="boundControl"
|
|
10002
10006
|
[formControl]="formControl"
|
|
10003
10007
|
[id]="'control' + layoutNode?._id"
|
|
@@ -10010,7 +10014,7 @@ class HiddenComponent {
|
|
|
10010
10014
|
type="hidden"
|
|
10011
10015
|
[value]="controlValue">`, isInline: true, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
10012
10016
|
}
|
|
10013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10017
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HiddenComponent, decorators: [{
|
|
10014
10018
|
type: Component,
|
|
10015
10019
|
args: [{
|
|
10016
10020
|
// tslint:disable-next-line:component-selector
|
|
@@ -10043,8 +10047,8 @@ class TabComponent {
|
|
|
10043
10047
|
ngOnInit() {
|
|
10044
10048
|
this.options = this.layoutNode.options || {};
|
|
10045
10049
|
}
|
|
10046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10047
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: TabComponent, selector: "tab-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
10048
10052
|
<div [class]="options?.htmlClass || ''">
|
|
10049
10053
|
<root-widget
|
|
10050
10054
|
[dataIndex]="dataIndex"
|
|
@@ -10052,7 +10056,7 @@ class TabComponent {
|
|
|
10052
10056
|
[layout]="layoutNode.items"></root-widget>
|
|
10053
10057
|
</div>`, isInline: true, dependencies: [{ kind: "component", type: RootComponent, selector: "root-widget", inputs: ["dataIndex", "layoutIndex", "layout", "isOrderable", "isFlexItem"] }] }); }
|
|
10054
10058
|
}
|
|
10055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabComponent, decorators: [{
|
|
10056
10060
|
type: Component,
|
|
10057
10061
|
args: [{
|
|
10058
10062
|
// tslint:disable-next-line:component-selector
|
|
@@ -10083,11 +10087,11 @@ const BASIC_WIDGETS = [
|
|
|
10083
10087
|
];
|
|
10084
10088
|
|
|
10085
10089
|
class WidgetLibraryModule {
|
|
10086
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10087
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10088
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10090
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10091
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, declarations: [AddReferenceComponent, OneOfComponent, ButtonComponent, CheckboxComponent, CheckboxesComponent, FileComponent, HiddenComponent, InputComponent, MessageComponent, NoneComponent, NumberComponent, RadiosComponent, RootComponent, SectionComponent, SelectComponent, SelectFrameworkComponent, SelectWidgetComponent, SubmitComponent, TabComponent, TabsComponent, TemplateComponent, TextareaComponent, OrderableDirective], imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [AddReferenceComponent, OneOfComponent, ButtonComponent, CheckboxComponent, CheckboxesComponent, FileComponent, HiddenComponent, InputComponent, MessageComponent, NoneComponent, NumberComponent, RadiosComponent, RootComponent, SectionComponent, SelectComponent, SelectFrameworkComponent, SelectWidgetComponent, SubmitComponent, TabComponent, TabsComponent, TemplateComponent, TextareaComponent, OrderableDirective] }); }
|
|
10092
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, imports: [CommonModule, FormsModule, ReactiveFormsModule] }); }
|
|
10089
10093
|
}
|
|
10090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, decorators: [{
|
|
10091
10095
|
type: NgModule,
|
|
10092
10096
|
args: [{
|
|
10093
10097
|
imports: [CommonModule, FormsModule, ReactiveFormsModule],
|
|
@@ -10098,13 +10102,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10098
10102
|
|
|
10099
10103
|
// No framework - plain HTML controls (styles from form layout only)
|
|
10100
10104
|
class NoFrameworkModule {
|
|
10101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10102
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10103
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10106
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, declarations: [NoFrameworkComponent], imports: [CommonModule, WidgetLibraryModule], exports: [NoFrameworkComponent] }); }
|
|
10107
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, providers: [
|
|
10104
10108
|
{ provide: Framework, useClass: NoFramework, multi: true }
|
|
10105
10109
|
], imports: [CommonModule, WidgetLibraryModule] }); }
|
|
10106
10110
|
}
|
|
10107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, decorators: [{
|
|
10108
10112
|
type: NgModule,
|
|
10109
10113
|
args: [{
|
|
10110
10114
|
imports: [CommonModule, WidgetLibraryModule],
|
|
@@ -10117,13 +10121,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10117
10121
|
}] });
|
|
10118
10122
|
|
|
10119
10123
|
class JsonSchemaFormModule {
|
|
10120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10121
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, declarations: [JsonSchemaFormComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule,
|
|
10122
10126
|
WidgetLibraryModule, NoFrameworkModule], exports: [JsonSchemaFormComponent, WidgetLibraryModule] }); }
|
|
10123
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10127
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, imports: [CommonModule, FormsModule, ReactiveFormsModule,
|
|
10124
10128
|
WidgetLibraryModule, NoFrameworkModule, WidgetLibraryModule] }); }
|
|
10125
10129
|
}
|
|
10126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, decorators: [{
|
|
10127
10131
|
type: NgModule,
|
|
10128
10132
|
args: [{
|
|
10129
10133
|
imports: [
|