@ng-formworks/core 17.4.0 → 18.4.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 +14 -9
- 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 +1 -1
- package/package.json +8 -6
|
@@ -2412,10 +2412,10 @@ class JsonPointer {
|
|
|
2412
2412
|
}
|
|
2413
2413
|
console.error('parseObjectPath error: Input object path must be a string.');
|
|
2414
2414
|
}
|
|
2415
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2416
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2415
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2416
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer }); }
|
|
2417
2417
|
}
|
|
2418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonPointer, decorators: [{
|
|
2419
2419
|
type: Injectable
|
|
2420
2420
|
}] });
|
|
2421
2421
|
|
|
@@ -5704,8 +5704,8 @@ function fixNestedArrayLayout(options) {
|
|
|
5704
5704
|
//still too buggy
|
|
5705
5705
|
let createNonRefItem = (nodeWithRef) => {
|
|
5706
5706
|
let templateNode = {
|
|
5707
|
-
"type": "section",
|
|
5708
|
-
"recursiveReference": false,
|
|
5707
|
+
"type": "section", //check this could also be array?
|
|
5708
|
+
"recursiveReference": false, //check this
|
|
5709
5709
|
"items": []
|
|
5710
5710
|
};
|
|
5711
5711
|
let clone = cloneDeep(nodeWithRef);
|
|
@@ -5723,7 +5723,11 @@ function fixNestedArrayLayout(options) {
|
|
|
5723
5723
|
builtLayout: item,
|
|
5724
5724
|
indices: indices,
|
|
5725
5725
|
indexPos: indexPos,
|
|
5726
|
-
parentDataPointer:
|
|
5726
|
+
parentDataPointer: parentDataPointer
|
|
5727
|
+
//TODO-test
|
|
5728
|
+
//commented out builtLayout.dataPointer condition
|
|
5729
|
+
//-Angular 18/TS 5.5 compiliation error
|
|
5730
|
+
//builtLayout.dataPointer || parentDataPointer
|
|
5727
5731
|
});
|
|
5728
5732
|
});
|
|
5729
5733
|
return;
|
|
@@ -6393,48 +6397,48 @@ class JsonSchemaFormService {
|
|
|
6393
6397
|
this.language = 'en-US'; // Does the form include a recursive reference to itself?
|
|
6394
6398
|
// Default global form options
|
|
6395
6399
|
this.defaultFormOptions = {
|
|
6396
|
-
autocomplete: true,
|
|
6397
|
-
addSubmit: 'auto',
|
|
6400
|
+
autocomplete: true, // Allow the web browser to remember previous form submission values as defaults
|
|
6401
|
+
addSubmit: 'auto', // Add a submit button if layout does not have one?
|
|
6398
6402
|
// for addSubmit: true = always, false = never,
|
|
6399
6403
|
// 'auto' = only if layout is undefined (form is built from schema alone)
|
|
6400
|
-
debug: false,
|
|
6401
|
-
disableInvalidSubmit: true,
|
|
6402
|
-
formDisabled: false,
|
|
6403
|
-
formReadonly: false,
|
|
6404
|
-
fieldsRequired: false,
|
|
6405
|
-
framework: 'no-framework',
|
|
6406
|
-
loadExternalAssets: false,
|
|
6404
|
+
debug: false, // Show debugging output?
|
|
6405
|
+
disableInvalidSubmit: true, // Disable submit if form invalid?
|
|
6406
|
+
formDisabled: false, // Set entire form as disabled? (not editable, and disables outputs)
|
|
6407
|
+
formReadonly: false, // Set entire form as read only? (not editable, but outputs still enabled)
|
|
6408
|
+
fieldsRequired: false, // (set automatically) Are there any required fields in the form?
|
|
6409
|
+
framework: 'no-framework', // The framework to load
|
|
6410
|
+
loadExternalAssets: false, // Load external css and JavaScript for framework?
|
|
6407
6411
|
pristine: { errors: true, success: true },
|
|
6408
6412
|
supressPropertyTitles: false,
|
|
6409
|
-
setSchemaDefaults: 'auto',
|
|
6413
|
+
setSchemaDefaults: 'auto', // Set fefault values from schema?
|
|
6410
6414
|
// true = always set (unless overridden by layout default or formValues)
|
|
6411
6415
|
// false = never set
|
|
6412
6416
|
// 'auto' = set in addable components, and everywhere if formValues not set
|
|
6413
|
-
setLayoutDefaults: 'auto',
|
|
6417
|
+
setLayoutDefaults: 'auto', // Set fefault values from layout?
|
|
6414
6418
|
// true = always set (unless overridden by formValues)
|
|
6415
6419
|
// false = never set
|
|
6416
6420
|
// 'auto' = set in addable components, and everywhere if formValues not set
|
|
6417
|
-
validateOnRender: 'auto',
|
|
6421
|
+
validateOnRender: 'auto', // Validate fields immediately, before they are touched?
|
|
6418
6422
|
// true = validate all fields immediately
|
|
6419
6423
|
// false = only validate fields after they are touched by user
|
|
6420
6424
|
// 'auto' = validate fields with values immediately, empty fields after they are touched
|
|
6421
|
-
widgets: {},
|
|
6425
|
+
widgets: {}, // Any custom widgets to load
|
|
6422
6426
|
defaultWidgetOptions: {
|
|
6423
6427
|
// Default options for form control widgets
|
|
6424
|
-
listItems: 1,
|
|
6425
|
-
addable: true,
|
|
6426
|
-
orderable: true,
|
|
6427
|
-
removable: true,
|
|
6428
|
-
enableErrorState: true,
|
|
6428
|
+
listItems: 1, // Number of list items to initially add to arrays with no default value
|
|
6429
|
+
addable: true, // Allow adding items to an array or $ref point?
|
|
6430
|
+
orderable: true, // Allow reordering items within an array?
|
|
6431
|
+
removable: true, // Allow removing items from an array or $ref point?
|
|
6432
|
+
enableErrorState: true, // Apply 'has-error' class when field fails validation?
|
|
6429
6433
|
// disableErrorState: false, // Don't apply 'has-error' class when field fails validation?
|
|
6430
|
-
enableSuccessState: true,
|
|
6434
|
+
enableSuccessState: true, // Apply 'has-success' class when field validates?
|
|
6431
6435
|
// disableSuccessState: false, // Don't apply 'has-success' class when field validates?
|
|
6432
|
-
feedback: false,
|
|
6433
|
-
feedbackOnRender: false,
|
|
6434
|
-
notitle: false,
|
|
6435
|
-
disabled: false,
|
|
6436
|
-
readonly: false,
|
|
6437
|
-
returnEmptyFields: true,
|
|
6436
|
+
feedback: false, // Show inline feedback icons?
|
|
6437
|
+
feedbackOnRender: false, // Show errorMessage on Render?
|
|
6438
|
+
notitle: false, // Hide title?
|
|
6439
|
+
disabled: false, // Set control as disabled? (not editable, and excluded from output)
|
|
6440
|
+
readonly: false, // Set control as read only? (not editable, but included in output)
|
|
6441
|
+
returnEmptyFields: true, // return values for fields that contain no data?
|
|
6438
6442
|
validationMessages: {} // set by setLanguage()
|
|
6439
6443
|
}
|
|
6440
6444
|
};
|
|
@@ -7014,10 +7018,10 @@ class JsonSchemaFormService {
|
|
|
7014
7018
|
JsonPointer.remove(this.layout, this.getLayoutPointer(ctx));
|
|
7015
7019
|
return true;
|
|
7016
7020
|
}
|
|
7017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7018
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7021
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7022
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService }); }
|
|
7019
7023
|
}
|
|
7020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormService, decorators: [{
|
|
7021
7025
|
type: Injectable
|
|
7022
7026
|
}], ctorParameters: () => [] });
|
|
7023
7027
|
|
|
@@ -7045,8 +7049,8 @@ class AddReferenceComponent {
|
|
|
7045
7049
|
return parent.layoutNode.add ||
|
|
7046
7050
|
this.jsf.setArrayItemTitle(parent, this.layoutNode, this.itemCount);
|
|
7047
7051
|
}
|
|
7048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7049
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7052
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AddReferenceComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7053
|
+
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: `
|
|
7050
7054
|
<button *ngIf="showAddButton"
|
|
7051
7055
|
[class]="options?.fieldHtmlClass || ''"
|
|
7052
7056
|
[disabled]="options?.readonly"
|
|
@@ -7055,7 +7059,7 @@ class AddReferenceComponent {
|
|
|
7055
7059
|
<span *ngIf="options?.title" [innerHTML]="buttonText"></span>
|
|
7056
7060
|
</button>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
7057
7061
|
}
|
|
7058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AddReferenceComponent, decorators: [{
|
|
7059
7063
|
type: Component,
|
|
7060
7064
|
args: [{
|
|
7061
7065
|
// tslint:disable-next-line:component-selector
|
|
@@ -7096,8 +7100,8 @@ class ButtonComponent {
|
|
|
7096
7100
|
this.jsf.updateValue(this, event.target.value);
|
|
7097
7101
|
}
|
|
7098
7102
|
}
|
|
7099
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ButtonComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7104
|
+
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: `
|
|
7101
7105
|
<div
|
|
7102
7106
|
[class]="options?.htmlClass || ''">
|
|
7103
7107
|
<button
|
|
@@ -7115,7 +7119,7 @@ class ButtonComponent {
|
|
|
7115
7119
|
</button>
|
|
7116
7120
|
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7117
7121
|
}
|
|
7118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
7119
7123
|
type: Component,
|
|
7120
7124
|
args: [{
|
|
7121
7125
|
// tslint:disable-next-line:component-selector
|
|
@@ -7168,8 +7172,8 @@ class CheckboxComponent {
|
|
|
7168
7172
|
get isChecked() {
|
|
7169
7173
|
return this.jsf.getFormControlValue(this) === this.trueValue;
|
|
7170
7174
|
}
|
|
7171
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7172
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7176
|
+
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: `
|
|
7173
7177
|
<label
|
|
7174
7178
|
[attr.for]="'control' + layoutNode?._id"
|
|
7175
7179
|
[class]="options?.itemLabelHtmlClass || ''">
|
|
@@ -7201,7 +7205,7 @@ class CheckboxComponent {
|
|
|
7201
7205
|
[innerHTML]="options?.title"></span>
|
|
7202
7206
|
</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"] }] }); }
|
|
7203
7207
|
}
|
|
7204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
7205
7209
|
type: Component,
|
|
7206
7210
|
args: [{
|
|
7207
7211
|
// tslint:disable-next-line:component-selector
|
|
@@ -7274,8 +7278,8 @@ class CheckboxesComponent {
|
|
|
7274
7278
|
this.jsf.updateArrayCheckboxList(this, this.checkboxList);
|
|
7275
7279
|
}
|
|
7276
7280
|
}
|
|
7277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxesComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7282
|
+
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: `
|
|
7279
7283
|
<label *ngIf="options?.title"
|
|
7280
7284
|
[class]="options?.labelHtmlClass || ''"
|
|
7281
7285
|
[style.display]="options?.notitle ? 'none' : ''"
|
|
@@ -7325,7 +7329,7 @@ class CheckboxesComponent {
|
|
|
7325
7329
|
</div>
|
|
7326
7330
|
</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"] }] }); }
|
|
7327
7331
|
}
|
|
7328
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7332
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CheckboxesComponent, decorators: [{
|
|
7329
7333
|
type: Component,
|
|
7330
7334
|
args: [{
|
|
7331
7335
|
// tslint:disable-next-line:component-selector
|
|
@@ -7402,10 +7406,10 @@ class FileComponent {
|
|
|
7402
7406
|
updateValue(event) {
|
|
7403
7407
|
this.jsf.updateValue(this, event.target.value);
|
|
7404
7408
|
}
|
|
7405
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7406
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FileComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7410
|
+
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 }); }
|
|
7407
7411
|
}
|
|
7408
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FileComponent, decorators: [{
|
|
7409
7413
|
type: Component,
|
|
7410
7414
|
args: [{
|
|
7411
7415
|
// tslint:disable-next-line:component-selector
|
|
@@ -7434,8 +7438,8 @@ class InputComponent {
|
|
|
7434
7438
|
updateValue(event) {
|
|
7435
7439
|
this.jsf.updateValue(this, event.target.value);
|
|
7436
7440
|
}
|
|
7437
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7438
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7442
|
+
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: `
|
|
7439
7443
|
<div [class]="options?.htmlClass || ''">
|
|
7440
7444
|
<label *ngIf="options?.title"
|
|
7441
7445
|
[attr.for]="'control' + layoutNode?._id"
|
|
@@ -7478,7 +7482,7 @@ class InputComponent {
|
|
|
7478
7482
|
</datalist>
|
|
7479
7483
|
</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"] }] }); }
|
|
7480
7484
|
}
|
|
7481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputComponent, decorators: [{
|
|
7482
7486
|
type: Component,
|
|
7483
7487
|
args: [{
|
|
7484
7488
|
// tslint:disable-next-line:component-selector
|
|
@@ -7544,13 +7548,13 @@ class MessageComponent {
|
|
|
7544
7548
|
this.message = this.options.help || this.options.helpvalue ||
|
|
7545
7549
|
this.options.msg || this.options.message;
|
|
7546
7550
|
}
|
|
7547
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7548
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MessageComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7552
|
+
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: `
|
|
7549
7553
|
<span *ngIf="message"
|
|
7550
7554
|
[class]="options?.labelHtmlClass || ''"
|
|
7551
7555
|
[innerHTML]="message"></span>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
7552
7556
|
}
|
|
7553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MessageComponent, decorators: [{
|
|
7554
7558
|
type: Component,
|
|
7555
7559
|
args: [{
|
|
7556
7560
|
// tslint:disable-next-line:component-selector
|
|
@@ -7569,10 +7573,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7569
7573
|
}] } });
|
|
7570
7574
|
|
|
7571
7575
|
class NoneComponent {
|
|
7572
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7573
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7577
|
+
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 }); }
|
|
7574
7578
|
}
|
|
7575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoneComponent, decorators: [{
|
|
7576
7580
|
type: Component,
|
|
7577
7581
|
args: [{
|
|
7578
7582
|
// tslint:disable-next-line:component-selector
|
|
@@ -7607,8 +7611,8 @@ class NumberComponent {
|
|
|
7607
7611
|
updateValue(event) {
|
|
7608
7612
|
this.jsf.updateValue(this, event.target.value);
|
|
7609
7613
|
}
|
|
7610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7614
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NumberComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7615
|
+
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: `
|
|
7612
7616
|
<div [class]="options?.htmlClass || ''">
|
|
7613
7617
|
<label *ngIf="options?.title"
|
|
7614
7618
|
[attr.for]="'control' + layoutNode?._id"
|
|
@@ -7650,7 +7654,7 @@ class NumberComponent {
|
|
|
7650
7654
|
<span *ngIf="layoutNode?.type === 'range'" [innerHTML]="controlValue"></span>
|
|
7651
7655
|
</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"] }] }); }
|
|
7652
7656
|
}
|
|
7653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NumberComponent, decorators: [{
|
|
7654
7658
|
type: Component,
|
|
7655
7659
|
args: [{
|
|
7656
7660
|
// tslint:disable-next-line:component-selector
|
|
@@ -7719,10 +7723,10 @@ class OneOfComponent {
|
|
|
7719
7723
|
updateValue(event) {
|
|
7720
7724
|
this.jsf.updateValue(this, event.target.value);
|
|
7721
7725
|
}
|
|
7722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7723
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7726
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OneOfComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7727
|
+
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 }); }
|
|
7724
7728
|
}
|
|
7725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OneOfComponent, decorators: [{
|
|
7726
7730
|
type: Component,
|
|
7727
7731
|
args: [{
|
|
7728
7732
|
// tslint:disable-next-line:component-selector
|
|
@@ -7757,8 +7761,8 @@ class RadiosComponent {
|
|
|
7757
7761
|
updateValue(event) {
|
|
7758
7762
|
this.jsf.updateValue(this, event.target.value);
|
|
7759
7763
|
}
|
|
7760
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7761
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7764
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RadiosComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7765
|
+
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: `
|
|
7762
7766
|
<label *ngIf="options?.title"
|
|
7763
7767
|
[attr.for]="'control' + layoutNode?._id"
|
|
7764
7768
|
[class]="options?.labelHtmlClass || ''"
|
|
@@ -7815,7 +7819,7 @@ class RadiosComponent {
|
|
|
7815
7819
|
</div>
|
|
7816
7820
|
</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"] }] }); }
|
|
7817
7821
|
}
|
|
7818
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RadiosComponent, decorators: [{
|
|
7819
7823
|
type: Component,
|
|
7820
7824
|
args: [{
|
|
7821
7825
|
// tslint:disable-next-line:component-selector
|
|
@@ -7909,10 +7913,10 @@ class SelectFrameworkComponent {
|
|
|
7909
7913
|
}
|
|
7910
7914
|
}
|
|
7911
7915
|
}
|
|
7912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7916
|
+
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 }); }
|
|
7917
|
+
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 }); }
|
|
7914
7918
|
}
|
|
7915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectFrameworkComponent, decorators: [{
|
|
7916
7920
|
type: Component,
|
|
7917
7921
|
args: [{
|
|
7918
7922
|
// tslint:disable-next-line:component-selector
|
|
@@ -8034,10 +8038,10 @@ class OrderableDirective {
|
|
|
8034
8038
|
});
|
|
8035
8039
|
}
|
|
8036
8040
|
}
|
|
8037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8038
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8041
|
+
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 }); }
|
|
8042
|
+
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 }); }
|
|
8039
8043
|
}
|
|
8040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: OrderableDirective, decorators: [{
|
|
8041
8045
|
type: Directive,
|
|
8042
8046
|
args: [{
|
|
8043
8047
|
// tslint:disable-next-line:directive-selector
|
|
@@ -8072,8 +8076,8 @@ class RootComponent {
|
|
|
8072
8076
|
showWidget(layoutNode) {
|
|
8073
8077
|
return this.jsf.evaluateCondition(layoutNode, this.dataIndex);
|
|
8074
8078
|
}
|
|
8075
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8076
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RootComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8080
|
+
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: `
|
|
8077
8081
|
<div *ngFor="let layoutItem of layout; let i = index"
|
|
8078
8082
|
[class.form-flex-item]="isFlexItem"
|
|
8079
8083
|
[style.align-self]="(layoutItem.options || {})['align-self']"
|
|
@@ -8093,7 +8097,7 @@ class RootComponent {
|
|
|
8093
8097
|
</div>
|
|
8094
8098
|
</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"] }] }); }
|
|
8095
8099
|
}
|
|
8096
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: RootComponent, decorators: [{
|
|
8097
8101
|
type: Component,
|
|
8098
8102
|
args: [{ selector: 'root-widget', template: `
|
|
8099
8103
|
<div *ngFor="let layoutItem of layout; let i = index"
|
|
@@ -8184,8 +8188,8 @@ class SectionComponent {
|
|
|
8184
8188
|
return this.options[attribute];
|
|
8185
8189
|
}
|
|
8186
8190
|
}
|
|
8187
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8188
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8191
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SectionComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8192
|
+
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: `
|
|
8189
8193
|
<div *ngIf="containerType === 'div'"
|
|
8190
8194
|
[class]="options?.htmlClass || ''"
|
|
8191
8195
|
[class.expandable]="options?.expandable && !expanded"
|
|
@@ -8248,7 +8252,7 @@ class SectionComponent {
|
|
|
8248
8252
|
</div>
|
|
8249
8253
|
</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"] }] }); }
|
|
8250
8254
|
}
|
|
8251
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SectionComponent, decorators: [{
|
|
8252
8256
|
type: Component,
|
|
8253
8257
|
args: [{ selector: 'section-widget', template: `
|
|
8254
8258
|
<div *ngIf="containerType === 'div'"
|
|
@@ -8336,8 +8340,8 @@ class SelectComponent {
|
|
|
8336
8340
|
updateValue(event) {
|
|
8337
8341
|
this.jsf.updateValue(this, event.target.value);
|
|
8338
8342
|
}
|
|
8339
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8340
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8344
|
+
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: `
|
|
8341
8345
|
<div
|
|
8342
8346
|
[class]="options?.htmlClass || ''">
|
|
8343
8347
|
<label *ngIf="options?.title"
|
|
@@ -8394,7 +8398,7 @@ class SelectComponent {
|
|
|
8394
8398
|
</select>
|
|
8395
8399
|
</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"] }] }); }
|
|
8396
8400
|
}
|
|
8397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectComponent, decorators: [{
|
|
8398
8402
|
type: Component,
|
|
8399
8403
|
args: [{
|
|
8400
8404
|
// tslint:disable-next-line:component-selector
|
|
@@ -8486,10 +8490,10 @@ class SelectWidgetComponent {
|
|
|
8486
8490
|
}
|
|
8487
8491
|
}
|
|
8488
8492
|
}
|
|
8489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8490
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8493
|
+
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 }); }
|
|
8494
|
+
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 }); }
|
|
8491
8495
|
}
|
|
8492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectWidgetComponent, decorators: [{
|
|
8493
8497
|
type: Component,
|
|
8494
8498
|
args: [{
|
|
8495
8499
|
// tslint:disable-next-line:component-selector
|
|
@@ -8539,8 +8543,8 @@ class SubmitComponent {
|
|
|
8539
8543
|
this.jsf.updateValue(this, event.target.value);
|
|
8540
8544
|
}
|
|
8541
8545
|
}
|
|
8542
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8543
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8546
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubmitComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8547
|
+
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: `
|
|
8544
8548
|
<div
|
|
8545
8549
|
[class]="options?.htmlClass || ''">
|
|
8546
8550
|
<input
|
|
@@ -8556,7 +8560,7 @@ class SubmitComponent {
|
|
|
8556
8560
|
(click)="updateValue($event)">
|
|
8557
8561
|
</div>`, isInline: true }); }
|
|
8558
8562
|
}
|
|
8559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SubmitComponent, decorators: [{
|
|
8560
8564
|
type: Component,
|
|
8561
8565
|
args: [{
|
|
8562
8566
|
// tslint:disable-next-line:component-selector
|
|
@@ -8618,8 +8622,8 @@ class TabsComponent {
|
|
|
8618
8622
|
setTabTitle(item, index) {
|
|
8619
8623
|
return this.jsf.setArrayItemTitle(this, item, index);
|
|
8620
8624
|
}
|
|
8621
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8622
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabsComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8626
|
+
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: `
|
|
8623
8627
|
<ul
|
|
8624
8628
|
[class]="options?.labelHtmlClass || ''">
|
|
8625
8629
|
<li *ngFor="let item of layoutNode?.items; let i = index"
|
|
@@ -8649,7 +8653,7 @@ class TabsComponent {
|
|
|
8649
8653
|
|
|
8650
8654
|
</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"] }] }); }
|
|
8651
8655
|
}
|
|
8652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabsComponent, decorators: [{
|
|
8653
8657
|
type: Component,
|
|
8654
8658
|
args: [{ selector: 'tabs-widget', template: `
|
|
8655
8659
|
<ul
|
|
@@ -8710,10 +8714,10 @@ class TemplateComponent {
|
|
|
8710
8714
|
}
|
|
8711
8715
|
}
|
|
8712
8716
|
}
|
|
8713
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8714
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8717
|
+
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 }); }
|
|
8718
|
+
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 }); }
|
|
8715
8719
|
}
|
|
8716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
|
|
8717
8721
|
type: Component,
|
|
8718
8722
|
args: [{
|
|
8719
8723
|
// tslint:disable-next-line:component-selector
|
|
@@ -8744,8 +8748,8 @@ class TextareaComponent {
|
|
|
8744
8748
|
updateValue(event) {
|
|
8745
8749
|
this.jsf.updateValue(this, event.target.value);
|
|
8746
8750
|
}
|
|
8747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8748
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8751
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8752
|
+
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: `
|
|
8749
8753
|
<div
|
|
8750
8754
|
[class]="options?.htmlClass || ''">
|
|
8751
8755
|
<label *ngIf="options?.title"
|
|
@@ -8781,7 +8785,7 @@ class TextareaComponent {
|
|
|
8781
8785
|
(input)="updateValue($event)">{{controlValue}}</textarea>
|
|
8782
8786
|
</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"] }] }); }
|
|
8783
8787
|
}
|
|
8784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
8785
8789
|
type: Component,
|
|
8786
8790
|
args: [{
|
|
8787
8791
|
// tslint:disable-next-line:component-selector
|
|
@@ -8835,14 +8839,14 @@ class WidgetLibraryService {
|
|
|
8835
8839
|
this.defaultWidget = 'text';
|
|
8836
8840
|
this.widgetLibrary = {
|
|
8837
8841
|
// Angular JSON Schema Form administrative widgets
|
|
8838
|
-
'none': NoneComponent,
|
|
8839
|
-
'root': RootComponent,
|
|
8840
|
-
'select-framework': SelectFrameworkComponent,
|
|
8841
|
-
'select-widget': SelectWidgetComponent,
|
|
8842
|
-
'$ref': AddReferenceComponent,
|
|
8842
|
+
'none': NoneComponent, // Placeholder, for development - displays nothing
|
|
8843
|
+
'root': RootComponent, // Form root, renders a complete layout
|
|
8844
|
+
'select-framework': SelectFrameworkComponent, // Applies the selected framework to a specified widget
|
|
8845
|
+
'select-widget': SelectWidgetComponent, // Displays a specified widget
|
|
8846
|
+
'$ref': AddReferenceComponent, // Button to add a new array item or $ref element
|
|
8843
8847
|
// Free-form text HTML 'input' form control widgets <input type="...">
|
|
8844
8848
|
'email': 'text',
|
|
8845
|
-
'integer': 'number',
|
|
8849
|
+
'integer': 'number', // Note: 'integer' is not a recognized HTML input type
|
|
8846
8850
|
'number': NumberComponent,
|
|
8847
8851
|
'password': 'text',
|
|
8848
8852
|
'search': 'text',
|
|
@@ -8860,12 +8864,12 @@ class WidgetLibraryService {
|
|
|
8860
8864
|
'week': 'text',
|
|
8861
8865
|
// Non-text HTML 'input' form control widgets <input type="...">
|
|
8862
8866
|
// 'button': <input type="button"> not used, use <button> instead
|
|
8863
|
-
'checkbox': CheckboxComponent,
|
|
8864
|
-
'file': FileComponent,
|
|
8867
|
+
'checkbox': CheckboxComponent, // TODO: Set ternary = true for 3-state ??
|
|
8868
|
+
'file': FileComponent, // TODO: Finish 'file' widget
|
|
8865
8869
|
'hidden': 'text',
|
|
8866
|
-
'image': 'text',
|
|
8870
|
+
'image': 'text', // TODO: Figure out how to handle these
|
|
8867
8871
|
'radio': 'radios',
|
|
8868
|
-
'reset': 'submit',
|
|
8872
|
+
'reset': 'submit', // TODO: Figure out how to handle these
|
|
8869
8873
|
'submit': SubmitComponent,
|
|
8870
8874
|
// Other (non-'input') HTML form control widgets
|
|
8871
8875
|
'button': ButtonComponent,
|
|
@@ -8874,39 +8878,39 @@ class WidgetLibraryService {
|
|
|
8874
8878
|
// 'optgroup': automatically generated by select widgets
|
|
8875
8879
|
'textarea': TextareaComponent,
|
|
8876
8880
|
// HTML form control widget sets
|
|
8877
|
-
'checkboxes': CheckboxesComponent,
|
|
8878
|
-
'checkboxes-inline': 'checkboxes',
|
|
8879
|
-
'checkboxbuttons': 'checkboxes',
|
|
8880
|
-
'radios': RadiosComponent,
|
|
8881
|
-
'radios-inline': 'radios',
|
|
8882
|
-
'radiobuttons': 'radios',
|
|
8881
|
+
'checkboxes': CheckboxesComponent, // Grouped list of checkboxes
|
|
8882
|
+
'checkboxes-inline': 'checkboxes', // Checkboxes in one line
|
|
8883
|
+
'checkboxbuttons': 'checkboxes', // Checkboxes as html buttons
|
|
8884
|
+
'radios': RadiosComponent, // Grouped list of radio buttons
|
|
8885
|
+
'radios-inline': 'radios', // Radio controls in one line
|
|
8886
|
+
'radiobuttons': 'radios', // Radio controls as html buttons
|
|
8883
8887
|
// HTML Layout widgets
|
|
8884
8888
|
// 'label': automatically added to data widgets
|
|
8885
8889
|
// 'legend': automatically added to fieldsets
|
|
8886
|
-
'section': SectionComponent,
|
|
8887
|
-
'div': 'section',
|
|
8888
|
-
'fieldset': 'section',
|
|
8889
|
-
'flex': 'section',
|
|
8890
|
+
'section': SectionComponent, // Just a div <div>
|
|
8891
|
+
'div': 'section', // Still just a div <div>
|
|
8892
|
+
'fieldset': 'section', // A fieldset, with an optional legend <fieldset>
|
|
8893
|
+
'flex': 'section', // A flexbox container <div style="display: flex">
|
|
8890
8894
|
// Non-HTML layout widgets
|
|
8891
|
-
'one-of': OneOfComponent,
|
|
8895
|
+
'one-of': OneOfComponent, // A select box that changes another input
|
|
8892
8896
|
// TODO: Finish 'one-of' widget
|
|
8893
|
-
'array': 'section',
|
|
8894
|
-
'tabarray': 'tabs',
|
|
8895
|
-
'tab': 'section',
|
|
8896
|
-
'tabs': TabsComponent,
|
|
8897
|
-
'message': MessageComponent,
|
|
8898
|
-
'help': 'message',
|
|
8899
|
-
'msg': 'message',
|
|
8900
|
-
'html': 'message',
|
|
8901
|
-
'template': TemplateComponent,
|
|
8897
|
+
'array': 'section', // A list you can add, remove and reorder <fieldset>
|
|
8898
|
+
'tabarray': 'tabs', // A tabbed version of array
|
|
8899
|
+
'tab': 'section', // A tab group, similar to a fieldset or section <fieldset>
|
|
8900
|
+
'tabs': TabsComponent, // A tabbed set of panels with different controls
|
|
8901
|
+
'message': MessageComponent, // Insert arbitrary html
|
|
8902
|
+
'help': 'message', // Insert arbitrary html
|
|
8903
|
+
'msg': 'message', // Insert arbitrary html
|
|
8904
|
+
'html': 'message', // Insert arbitrary html
|
|
8905
|
+
'template': TemplateComponent, // Insert a custom Angular component
|
|
8902
8906
|
// Widgets included for compatibility with JSON Form API
|
|
8903
|
-
'advancedfieldset': 'section',
|
|
8904
|
-
'authfieldset': 'section',
|
|
8905
|
-
'optionfieldset': 'one-of',
|
|
8906
|
-
'selectfieldset': 'one-of',
|
|
8907
|
-
'conditional': 'section',
|
|
8908
|
-
'actions': 'section',
|
|
8909
|
-
'tagsinput': 'section',
|
|
8907
|
+
'advancedfieldset': 'section', // Adds 'Advanced settings' title <fieldset>
|
|
8908
|
+
'authfieldset': 'section', // Adds 'Authentication settings' title <fieldset>
|
|
8909
|
+
'optionfieldset': 'one-of', // Option control, displays selected sub-item <fieldset>
|
|
8910
|
+
'selectfieldset': 'one-of', // Select control, displays selected sub-item <fieldset>
|
|
8911
|
+
'conditional': 'section', // Identical to 'section' (depeciated) <div>
|
|
8912
|
+
'actions': 'section', // Horizontal button list, can only submit, uses buttons as items <div>
|
|
8913
|
+
'tagsinput': 'section', // For entering short text tags <div>
|
|
8910
8914
|
// See: http://ulion.github.io/jsonform/playground/?example=fields-checkboxbuttons
|
|
8911
8915
|
// Widgets included for compatibility with React JSON Schema Form API
|
|
8912
8916
|
'updown': 'number',
|
|
@@ -8914,7 +8918,7 @@ class WidgetLibraryService {
|
|
|
8914
8918
|
'alt-datetime': 'datetime-local',
|
|
8915
8919
|
'alt-date': 'date',
|
|
8916
8920
|
// Widgets included for compatibility with Angular Schema Form API
|
|
8917
|
-
'wizard': 'section',
|
|
8921
|
+
'wizard': 'section', // TODO: Sequential panels with "Next" and "Previous" buttons
|
|
8918
8922
|
// Widgets included for compatibility with other libraries
|
|
8919
8923
|
'textline': 'text',
|
|
8920
8924
|
// Recommended 3rd-party add-on widgets (TODO: create wrappers for these...)
|
|
@@ -9023,10 +9027,10 @@ class WidgetLibraryService {
|
|
|
9023
9027
|
activeWidgets: this.activeWidgets,
|
|
9024
9028
|
};
|
|
9025
9029
|
}
|
|
9026
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9027
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9030
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9031
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, providedIn: 'root' }); }
|
|
9028
9032
|
}
|
|
9029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryService, decorators: [{
|
|
9030
9034
|
type: Injectable,
|
|
9031
9035
|
args: [{
|
|
9032
9036
|
providedIn: 'root',
|
|
@@ -9039,10 +9043,10 @@ class Framework {
|
|
|
9039
9043
|
this.stylesheets = [];
|
|
9040
9044
|
this.scripts = [];
|
|
9041
9045
|
}
|
|
9042
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9043
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9046
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9047
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework }); }
|
|
9044
9048
|
}
|
|
9045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Framework, decorators: [{
|
|
9046
9050
|
type: Injectable
|
|
9047
9051
|
}] });
|
|
9048
9052
|
|
|
@@ -9197,10 +9201,10 @@ class FrameworkLibraryService {
|
|
|
9197
9201
|
return actFramework.unregisterTheme(name);
|
|
9198
9202
|
}
|
|
9199
9203
|
}
|
|
9200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9201
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9204
|
+
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 }); }
|
|
9205
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrameworkLibraryService, providedIn: 'root' }); }
|
|
9202
9206
|
}
|
|
9203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrameworkLibraryService, decorators: [{
|
|
9204
9208
|
type: Injectable,
|
|
9205
9209
|
args: [{
|
|
9206
9210
|
providedIn: 'root',
|
|
@@ -9897,10 +9901,10 @@ class JsonSchemaFormComponent {
|
|
|
9897
9901
|
}
|
|
9898
9902
|
}
|
|
9899
9903
|
}
|
|
9900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9901
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9904
|
+
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 }); }
|
|
9905
|
+
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 }); }
|
|
9902
9906
|
}
|
|
9903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormComponent, decorators: [{
|
|
9904
9908
|
type: Component,
|
|
9905
9909
|
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>" }]
|
|
9906
9910
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: FrameworkLibraryService }, { type: WidgetLibraryService }, { type: JsonSchemaFormService }], propDecorators: { schema: [{
|
|
@@ -9960,10 +9964,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9960
9964
|
}] } });
|
|
9961
9965
|
|
|
9962
9966
|
class NoFrameworkComponent {
|
|
9963
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9964
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
9967
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9968
|
+
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"] }] }); }
|
|
9965
9969
|
}
|
|
9966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9970
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkComponent, decorators: [{
|
|
9967
9971
|
type: Component,
|
|
9968
9972
|
args: [{ selector: 'no-framework', template: "<select-widget-widget [dataIndex]=\"dataIndex\" [layoutIndex]=\"layoutIndex\" [layoutNode]=\"layoutNode\">\r\n</select-widget-widget>" }]
|
|
9969
9973
|
}], propDecorators: { layoutNode: [{
|
|
@@ -9982,10 +9986,10 @@ class NoFramework extends Framework {
|
|
|
9982
9986
|
this.text = 'None (plain HTML)';
|
|
9983
9987
|
this.framework = NoFrameworkComponent;
|
|
9984
9988
|
}
|
|
9985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9986
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
9989
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9990
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework }); }
|
|
9987
9991
|
}
|
|
9988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFramework, decorators: [{
|
|
9989
9993
|
type: Injectable
|
|
9990
9994
|
}] });
|
|
9991
9995
|
|
|
@@ -9998,8 +10002,8 @@ class HiddenComponent {
|
|
|
9998
10002
|
ngOnInit() {
|
|
9999
10003
|
this.jsf.initializeControl(this);
|
|
10000
10004
|
}
|
|
10001
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HiddenComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10006
|
+
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: `
|
|
10003
10007
|
<input *ngIf="boundControl"
|
|
10004
10008
|
[formControl]="formControl"
|
|
10005
10009
|
[id]="'control' + layoutNode?._id"
|
|
@@ -10012,7 +10016,7 @@ class HiddenComponent {
|
|
|
10012
10016
|
type="hidden"
|
|
10013
10017
|
[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"] }] }); }
|
|
10014
10018
|
}
|
|
10015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: HiddenComponent, decorators: [{
|
|
10016
10020
|
type: Component,
|
|
10017
10021
|
args: [{
|
|
10018
10022
|
// tslint:disable-next-line:component-selector
|
|
@@ -10045,8 +10049,8 @@ class TabComponent {
|
|
|
10045
10049
|
ngOnInit() {
|
|
10046
10050
|
this.options = this.layoutNode.options || {};
|
|
10047
10051
|
}
|
|
10048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10049
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10052
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabComponent, deps: [{ token: JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10053
|
+
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: `
|
|
10050
10054
|
<div [class]="options?.htmlClass || ''">
|
|
10051
10055
|
<root-widget
|
|
10052
10056
|
[dataIndex]="dataIndex"
|
|
@@ -10054,7 +10058,7 @@ class TabComponent {
|
|
|
10054
10058
|
[layout]="layoutNode.items"></root-widget>
|
|
10055
10059
|
</div>`, isInline: true, dependencies: [{ kind: "component", type: RootComponent, selector: "root-widget", inputs: ["dataIndex", "layoutIndex", "layout", "isOrderable", "isFlexItem"] }] }); }
|
|
10056
10060
|
}
|
|
10057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10061
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TabComponent, decorators: [{
|
|
10058
10062
|
type: Component,
|
|
10059
10063
|
args: [{
|
|
10060
10064
|
// tslint:disable-next-line:component-selector
|
|
@@ -10085,11 +10089,11 @@ const BASIC_WIDGETS = [
|
|
|
10085
10089
|
];
|
|
10086
10090
|
|
|
10087
10091
|
class WidgetLibraryModule {
|
|
10088
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10089
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10090
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10093
|
+
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] }); }
|
|
10094
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, imports: [CommonModule, FormsModule, ReactiveFormsModule] }); }
|
|
10091
10095
|
}
|
|
10092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10096
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetLibraryModule, decorators: [{
|
|
10093
10097
|
type: NgModule,
|
|
10094
10098
|
args: [{
|
|
10095
10099
|
imports: [CommonModule, FormsModule, ReactiveFormsModule],
|
|
@@ -10100,13 +10104,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10100
10104
|
|
|
10101
10105
|
// No framework - plain HTML controls (styles from form layout only)
|
|
10102
10106
|
class NoFrameworkModule {
|
|
10103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10104
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10105
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10108
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, declarations: [NoFrameworkComponent], imports: [CommonModule, WidgetLibraryModule], exports: [NoFrameworkComponent] }); }
|
|
10109
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, providers: [
|
|
10106
10110
|
{ provide: Framework, useClass: NoFramework, multi: true }
|
|
10107
10111
|
], imports: [CommonModule, WidgetLibraryModule] }); }
|
|
10108
10112
|
}
|
|
10109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: NoFrameworkModule, decorators: [{
|
|
10110
10114
|
type: NgModule,
|
|
10111
10115
|
args: [{
|
|
10112
10116
|
imports: [CommonModule, WidgetLibraryModule],
|
|
@@ -10119,13 +10123,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10119
10123
|
}] });
|
|
10120
10124
|
|
|
10121
10125
|
class JsonSchemaFormModule {
|
|
10122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10123
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10126
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10127
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, declarations: [JsonSchemaFormComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule,
|
|
10124
10128
|
WidgetLibraryModule, NoFrameworkModule], exports: [JsonSchemaFormComponent, WidgetLibraryModule] }); }
|
|
10125
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10129
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, imports: [CommonModule, FormsModule, ReactiveFormsModule,
|
|
10126
10130
|
WidgetLibraryModule, NoFrameworkModule, WidgetLibraryModule] }); }
|
|
10127
10131
|
}
|
|
10128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: JsonSchemaFormModule, decorators: [{
|
|
10129
10133
|
type: NgModule,
|
|
10130
10134
|
args: [{
|
|
10131
10135
|
imports: [
|