angular6-json-schema-form
Version:
Angular JSON Schema Form builder
790 lines • 106 kB
JavaScript
import * as tslib_1 from "tslib";
import cloneDeep from 'lodash-es/cloneDeep';
import isEqual from 'lodash-es/isEqual';
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { convertSchemaToDraft6 } from './shared/convert-schema-to-draft6.function';
import { DomSanitizer } from '@angular/platform-browser';
import { forEach, hasOwn } from './shared/utility.functions';
import { FrameworkLibraryService } from './framework-library/framework-library.service';
import { hasValue, inArray, isArray, isEmpty, isObject } from './shared/validator.functions';
import { JsonPointer } from './shared/jsonpointer.functions';
import { JsonSchemaFormService } from './json-schema-form.service';
import { resolveSchemaReferences } from './shared/json-schema.functions';
import { WidgetLibraryService } from './widget-library/widget-library.service';
export var JSON_SCHEMA_FORM_VALUE_ACCESSOR = {
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return JsonSchemaFormComponent; }),
multi: true,
};
/**
* @module 'JsonSchemaFormComponent' - Angular JSON Schema Form
*
* Root module of the Angular JSON Schema Form client-side library,
* an Angular library which generates an HTML form from a JSON schema
* structured data model and/or a JSON Schema Form layout description.
*
* This library also validates input data by the user, using both validators on
* individual controls to provide real-time feedback while the user is filling
* out the form, and then validating the entire input against the schema when
* the form is submitted to make sure the returned JSON data object is valid.
*
* This library is similar to, and mostly API compatible with:
*
* - JSON Schema Form's Angular Schema Form library for AngularJs
* http://schemaform.io
* http://schemaform.io/examples/bootstrap-example.html (examples)
*
* - Mozilla's react-jsonschema-form library for React
* https://github.com/mozilla-services/react-jsonschema-form
* https://mozilla-services.github.io/react-jsonschema-form (examples)
*
* - Joshfire's JSON Form library for jQuery
* https://github.com/joshfire/jsonform
* http://ulion.github.io/jsonform/playground (examples)
*
* This library depends on:
* - Angular (obviously) https://angular.io
* - lodash, JavaScript utility library https://github.com/lodash/lodash
* - ajv, Another JSON Schema validator https://github.com/epoberezkin/ajv
*
* In addition, the Example Playground also depends on:
* - brace, Browserified Ace editor http://thlorenz.github.io/brace
*/
var JsonSchemaFormComponent = /** @class */ (function () {
function JsonSchemaFormComponent(changeDetector, frameworkLibrary, widgetLibrary, jsf, sanitizer) {
this.changeDetector = changeDetector;
this.frameworkLibrary = frameworkLibrary;
this.widgetLibrary = widgetLibrary;
this.jsf = jsf;
this.sanitizer = sanitizer;
this.formValueSubscription = null;
this.formInitialized = false;
this.objectWrap = false; // Is non-object input schema wrapped in an object?
this.previousInputs = {
schema: null, layout: null, data: null, options: null, framework: null,
widgets: null, form: null, model: null, JSONSchema: null, UISchema: null,
formData: null, loadExternalAssets: null, debug: null,
};
// Outputs
// tslint:disable-next-line:no-output-on-prefix
this.onChanges = new EventEmitter(); // Live unvalidated internal form data
// tslint:disable-next-line:no-output-on-prefix
this.onSubmit = new EventEmitter(); // Complete validated form data
this.isValid = new EventEmitter(); // Is current data valid?
this.validationErrors = new EventEmitter(); // Validation errors (if any)
this.formSchema = new EventEmitter(); // Final schema used to create form
this.formLayout = new EventEmitter(); // Final layout used to create form
// Outputs for possible 2-way data binding
// Only the one input providing the initial form data will be bound.
// If there is no inital data, input '{}' to activate 2-way data binding.
// There is no 2-way binding if inital data is combined inside the 'form' input.
this.dataChange = new EventEmitter();
this.modelChange = new EventEmitter();
this.formDataChange = new EventEmitter();
this.ngModelChange = new EventEmitter();
}
Object.defineProperty(JsonSchemaFormComponent.prototype, "value", {
get: function () {
return this.objectWrap ? this.jsf.data['1'] : this.jsf.data;
},
set: function (value) {
this.setFormValues(value, false);
},
enumerable: true,
configurable: true
});
Object.defineProperty(JsonSchemaFormComponent.prototype, "stylesheets", {
get: function () {
var stylesheets = this.frameworkLibrary.getFrameworkStylesheets();
var load = this.sanitizer.bypassSecurityTrustResourceUrl;
return stylesheets.map(function (stylesheet) { return load(stylesheet); });
},
enumerable: true,
configurable: true
});
Object.defineProperty(JsonSchemaFormComponent.prototype, "scripts", {
get: function () {
var scripts = this.frameworkLibrary.getFrameworkScripts();
var load = this.sanitizer.bypassSecurityTrustResourceUrl;
return scripts.map(function (script) { return load(script); });
},
enumerable: true,
configurable: true
});
JsonSchemaFormComponent.prototype.ngOnInit = function () {
this.updateForm();
};
JsonSchemaFormComponent.prototype.ngOnChanges = function () {
this.updateForm();
};
JsonSchemaFormComponent.prototype.writeValue = function (value) {
this.setFormValues(value, false);
if (!this.formValuesInput) {
this.formValuesInput = 'ngModel';
}
};
JsonSchemaFormComponent.prototype.registerOnChange = function (fn) {
this.onChange = fn;
};
JsonSchemaFormComponent.prototype.registerOnTouched = function (fn) {
this.onTouched = fn;
};
JsonSchemaFormComponent.prototype.setDisabledState = function (isDisabled) {
if (this.jsf.formOptions.formDisabled !== !!isDisabled) {
this.jsf.formOptions.formDisabled = !!isDisabled;
this.initializeForm();
}
};
JsonSchemaFormComponent.prototype.updateForm = function () {
var _this = this;
if (!this.formInitialized || !this.formValuesInput ||
(this.language && this.language !== this.jsf.language)) {
this.initializeForm();
}
else {
if (this.language && this.language !== this.jsf.language) {
this.jsf.setLanguage(this.language);
}
// Get names of changed inputs
var changedInput = Object.keys(this.previousInputs)
.filter(function (input) { return _this.previousInputs[input] !== _this[input]; });
var resetFirst = true;
if (changedInput.length === 1 && changedInput[0] === 'form' &&
this.formValuesInput.startsWith('form.')) {
// If only 'form' input changed, get names of changed keys
changedInput = Object.keys(this.previousInputs.form || {})
.filter(function (key) { return !isEqual(_this.previousInputs.form[key], _this.form[key]); })
.map(function (key) { return "form." + key; });
resetFirst = false;
}
// If only input values have changed, update the form values
if (changedInput.length === 1 && changedInput[0] === this.formValuesInput) {
if (this.formValuesInput.indexOf('.') === -1) {
this.setFormValues(this[this.formValuesInput], resetFirst);
}
else {
var _a = tslib_1.__read(this.formValuesInput.split('.'), 2), input = _a[0], key = _a[1];
this.setFormValues(this[input][key], resetFirst);
}
// If anything else has changed, re-render the entire form
}
else if (changedInput.length) {
this.initializeForm();
if (this.onChange) {
this.onChange(this.jsf.formValues);
}
if (this.onTouched) {
this.onTouched(this.jsf.formValues);
}
}
// Update previous inputs
Object.keys(this.previousInputs)
.filter(function (input) { return _this.previousInputs[input] !== _this[input]; })
.forEach(function (input) { return _this.previousInputs[input] = _this[input]; });
}
};
JsonSchemaFormComponent.prototype.setFormValues = function (formValues, resetFirst) {
if (resetFirst === void 0) { resetFirst = true; }
if (formValues) {
var newFormValues = this.objectWrap ? formValues['1'] : formValues;
if (!this.jsf.formGroup) {
this.jsf.formValues = formValues;
this.activateForm();
}
else if (resetFirst) {
this.jsf.formGroup.reset();
}
if (this.jsf.formGroup) {
this.jsf.formGroup.patchValue(newFormValues);
}
if (this.onChange) {
this.onChange(newFormValues);
}
if (this.onTouched) {
this.onTouched(newFormValues);
}
}
else {
this.jsf.formGroup.reset();
}
};
JsonSchemaFormComponent.prototype.submitForm = function () {
var validData = this.jsf.validData;
this.onSubmit.emit(this.objectWrap ? validData['1'] : validData);
};
/**
* 'initializeForm' function
*
* - Update 'schema', 'layout', and 'formValues', from inputs.
*
* - Create 'schemaRefLibrary' and 'schemaRecursiveRefMap'
* to resolve schema $ref links, including recursive $ref links.
*
* - Create 'dataRecursiveRefMap' to resolve recursive links in data
* and corectly set output formats for recursively nested values.
*
* - Create 'layoutRefLibrary' and 'templateRefLibrary' to store
* new layout nodes and formGroup elements to use when dynamically
* adding form components to arrays and recursive $ref points.
*
* - Create 'dataMap' to map the data to the schema and template.
*
* - Create the master 'formGroupTemplate' then from it 'formGroup'
* the Angular formGroup used to control the reactive form.
*/
JsonSchemaFormComponent.prototype.initializeForm = function () {
if (this.schema || this.layout || this.data || this.form || this.model ||
this.JSONSchema || this.UISchema || this.formData || this.ngModel ||
this.jsf.data) {
this.jsf.resetAllValues(); // Reset all form values to defaults
this.initializeOptions(); // Update options
this.initializeSchema(); // Update schema, schemaRefLibrary,
// schemaRecursiveRefMap, & dataRecursiveRefMap
this.initializeLayout(); // Update layout, layoutRefLibrary,
this.initializeData(); // Update formValues
this.activateForm(); // Update dataMap, templateRefLibrary,
// formGroupTemplate, formGroup
// Uncomment individual lines to output debugging information to console:
// (These always work.)
// console.log('loading form...');
// console.log('schema', this.jsf.schema);
// console.log('layout', this.jsf.layout);
// console.log('options', this.options);
// console.log('formValues', this.jsf.formValues);
// console.log('formGroupTemplate', this.jsf.formGroupTemplate);
// console.log('formGroup', this.jsf.formGroup);
// console.log('formGroup.value', this.jsf.formGroup.value);
// console.log('schemaRefLibrary', this.jsf.schemaRefLibrary);
// console.log('layoutRefLibrary', this.jsf.layoutRefLibrary);
// console.log('templateRefLibrary', this.jsf.templateRefLibrary);
// console.log('dataMap', this.jsf.dataMap);
// console.log('arrayMap', this.jsf.arrayMap);
// console.log('schemaRecursiveRefMap', this.jsf.schemaRecursiveRefMap);
// console.log('dataRecursiveRefMap', this.jsf.dataRecursiveRefMap);
// Uncomment individual lines to output debugging information to browser:
// (These only work if the 'debug' option has also been set to 'true'.)
if (this.debug || this.jsf.formOptions.debug) {
var vars = [];
// vars.push(this.jsf.schema);
// vars.push(this.jsf.layout);
// vars.push(this.options);
// vars.push(this.jsf.formValues);
// vars.push(this.jsf.formGroup.value);
// vars.push(this.jsf.formGroupTemplate);
// vars.push(this.jsf.formGroup);
// vars.push(this.jsf.schemaRefLibrary);
// vars.push(this.jsf.layoutRefLibrary);
// vars.push(this.jsf.templateRefLibrary);
// vars.push(this.jsf.dataMap);
// vars.push(this.jsf.arrayMap);
// vars.push(this.jsf.schemaRecursiveRefMap);
// vars.push(this.jsf.dataRecursiveRefMap);
this.debugOutput = vars.map(function (v) { return JSON.stringify(v, null, 2); }).join('\n');
}
this.formInitialized = true;
}
};
/**
* 'initializeOptions' function
*
* Initialize 'options' (global form options) and set framework
* Combine available inputs:
* 1. options - recommended
* 2. form.options - Single input style
*/
JsonSchemaFormComponent.prototype.initializeOptions = function () {
var e_1, _a;
if (this.language && this.language !== this.jsf.language) {
this.jsf.setLanguage(this.language);
}
this.jsf.setOptions({ debug: !!this.debug });
var loadExternalAssets = this.loadExternalAssets || false;
var framework = this.framework || 'default';
if (isObject(this.options)) {
this.jsf.setOptions(this.options);
loadExternalAssets = this.options.loadExternalAssets || loadExternalAssets;
framework = this.options.framework || framework;
}
if (isObject(this.form) && isObject(this.form.options)) {
this.jsf.setOptions(this.form.options);
loadExternalAssets = this.form.options.loadExternalAssets || loadExternalAssets;
framework = this.form.options.framework || framework;
}
if (isObject(this.widgets)) {
this.jsf.setOptions({ widgets: this.widgets });
}
this.frameworkLibrary.setLoadExternalAssets(loadExternalAssets);
this.frameworkLibrary.setFramework(framework);
this.jsf.framework = this.frameworkLibrary.getFramework();
if (isObject(this.jsf.formOptions.widgets)) {
try {
for (var _b = tslib_1.__values(Object.keys(this.jsf.formOptions.widgets)), _c = _b.next(); !_c.done; _c = _b.next()) {
var widget = _c.value;
this.widgetLibrary.registerWidget(widget, this.jsf.formOptions.widgets[widget]);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
}
if (isObject(this.form) && isObject(this.form.tpldata)) {
this.jsf.setTpldata(this.form.tpldata);
}
};
/**
* 'initializeSchema' function
*
* Initialize 'schema'
* Use first available input:
* 1. schema - recommended / Angular Schema Form style
* 2. form.schema - Single input / JSON Form style
* 3. JSONSchema - React JSON Schema Form style
* 4. form.JSONSchema - For testing single input React JSON Schema Forms
* 5. form - For testing single schema-only inputs
*
* ... if no schema input found, the 'activateForm' function, below,
* will make two additional attempts to build a schema
* 6. If layout input - build schema from layout
* 7. If data input - build schema from data
*/
JsonSchemaFormComponent.prototype.initializeSchema = function () {
// TODO: update to allow non-object schemas
if (isObject(this.schema)) {
this.jsf.AngularSchemaFormCompatibility = true;
this.jsf.schema = cloneDeep(this.schema);
}
else if (hasOwn(this.form, 'schema') && isObject(this.form.schema)) {
this.jsf.schema = cloneDeep(this.form.schema);
}
else if (isObject(this.JSONSchema)) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
this.jsf.schema = cloneDeep(this.JSONSchema);
}
else if (hasOwn(this.form, 'JSONSchema') && isObject(this.form.JSONSchema)) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
this.jsf.schema = cloneDeep(this.form.JSONSchema);
}
else if (hasOwn(this.form, 'properties') && isObject(this.form.properties)) {
this.jsf.schema = cloneDeep(this.form);
}
else if (isObject(this.form)) {
// TODO: Handle other types of form input
}
if (!isEmpty(this.jsf.schema)) {
// If other types also allowed, render schema as an object
if (inArray('object', this.jsf.schema.type)) {
this.jsf.schema.type = 'object';
}
// Wrap non-object schemas in object.
if (hasOwn(this.jsf.schema, 'type') && this.jsf.schema.type !== 'object') {
this.jsf.schema = {
'type': 'object',
'properties': { 1: this.jsf.schema }
};
this.objectWrap = true;
}
else if (!hasOwn(this.jsf.schema, 'type')) {
// Add type = 'object' if missing
if (isObject(this.jsf.schema.properties) ||
isObject(this.jsf.schema.patternProperties) ||
isObject(this.jsf.schema.additionalProperties)) {
this.jsf.schema.type = 'object';
// Fix JSON schema shorthand (JSON Form style)
}
else {
this.jsf.JsonFormCompatibility = true;
this.jsf.schema = {
'type': 'object',
'properties': this.jsf.schema
};
}
}
// If needed, update JSON Schema to draft 6 format, including
// draft 3 (JSON Form style) and draft 4 (Angular Schema Form style)
this.jsf.schema = convertSchemaToDraft6(this.jsf.schema);
// Initialize ajv and compile schema
this.jsf.compileAjvSchema();
// Create schemaRefLibrary, schemaRecursiveRefMap, dataRecursiveRefMap, & arrayMap
this.jsf.schema = resolveSchemaReferences(this.jsf.schema, this.jsf.schemaRefLibrary, this.jsf.schemaRecursiveRefMap, this.jsf.dataRecursiveRefMap, this.jsf.arrayMap);
if (hasOwn(this.jsf.schemaRefLibrary, '')) {
this.jsf.hasRootReference = true;
}
// TODO: (?) Resolve external $ref links
// // Create schemaRefLibrary & schemaRecursiveRefMap
// this.parser.bundle(this.schema)
// .then(schema => this.schema = resolveSchemaReferences(
// schema, this.jsf.schemaRefLibrary,
// this.jsf.schemaRecursiveRefMap, this.jsf.dataRecursiveRefMap
// ));
}
};
/**
* 'initializeData' function
*
* Initialize 'formValues'
* defulat or previously submitted values used to populate form
* Use first available input:
* 1. data - recommended
* 2. model - Angular Schema Form style
* 3. form.value - JSON Form style
* 4. form.data - Single input style
* 5. formData - React JSON Schema Form style
* 6. form.formData - For easier testing of React JSON Schema Forms
* 7. (none) no data - initialize data from schema and layout defaults only
*/
JsonSchemaFormComponent.prototype.initializeData = function () {
if (hasValue(this.data)) {
this.jsf.formValues = cloneDeep(this.data);
this.formValuesInput = 'data';
}
else if (hasValue(this.model)) {
this.jsf.AngularSchemaFormCompatibility = true;
this.jsf.formValues = cloneDeep(this.model);
this.formValuesInput = 'model';
}
else if (hasValue(this.ngModel)) {
this.jsf.AngularSchemaFormCompatibility = true;
this.jsf.formValues = cloneDeep(this.ngModel);
this.formValuesInput = 'ngModel';
}
else if (isObject(this.form) && hasValue(this.form.value)) {
this.jsf.JsonFormCompatibility = true;
this.jsf.formValues = cloneDeep(this.form.value);
this.formValuesInput = 'form.value';
}
else if (isObject(this.form) && hasValue(this.form.data)) {
this.jsf.formValues = cloneDeep(this.form.data);
this.formValuesInput = 'form.data';
}
else if (hasValue(this.formData)) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
this.formValuesInput = 'formData';
}
else if (hasOwn(this.form, 'formData') && hasValue(this.form.formData)) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
this.jsf.formValues = cloneDeep(this.form.formData);
this.formValuesInput = 'form.formData';
}
else {
this.formValuesInput = null;
}
};
/**
* 'initializeLayout' function
*
* Initialize 'layout'
* Use first available array input:
* 1. layout - recommended
* 2. form - Angular Schema Form style
* 3. form.form - JSON Form style
* 4. form.layout - Single input style
* 5. (none) no layout - set default layout instead
* (full layout will be built later from the schema)
*
* Also, if alternate layout formats are available,
* import from 'UISchema' or 'customFormItems'
* used for React JSON Schema Form and JSON Form API compatibility
* Use first available input:
* 1. UISchema - React JSON Schema Form style
* 2. form.UISchema - For testing single input React JSON Schema Forms
* 2. form.customFormItems - JSON Form style
* 3. (none) no input - don't import
*/
JsonSchemaFormComponent.prototype.initializeLayout = function () {
var _this = this;
// Rename JSON Form-style 'options' lists to
// Angular Schema Form-style 'titleMap' lists.
var fixJsonFormOptions = function (layout) {
if (isObject(layout) || isArray(layout)) {
forEach(layout, function (value, key) {
if (hasOwn(value, 'options') && isObject(value.options)) {
value.titleMap = value.options;
delete value.options;
}
}, 'top-down');
}
return layout;
};
// Check for layout inputs and, if found, initialize form layout
if (isArray(this.layout)) {
this.jsf.layout = cloneDeep(this.layout);
}
else if (isArray(this.form)) {
this.jsf.AngularSchemaFormCompatibility = true;
this.jsf.layout = cloneDeep(this.form);
}
else if (this.form && isArray(this.form.form)) {
this.jsf.JsonFormCompatibility = true;
this.jsf.layout = fixJsonFormOptions(cloneDeep(this.form.form));
}
else if (this.form && isArray(this.form.layout)) {
this.jsf.layout = cloneDeep(this.form.layout);
}
else {
this.jsf.layout = ['*'];
}
// Check for alternate layout inputs
var alternateLayout = null;
if (isObject(this.UISchema)) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
alternateLayout = cloneDeep(this.UISchema);
}
else if (hasOwn(this.form, 'UISchema')) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
alternateLayout = cloneDeep(this.form.UISchema);
}
else if (hasOwn(this.form, 'uiSchema')) {
this.jsf.ReactJsonSchemaFormCompatibility = true;
alternateLayout = cloneDeep(this.form.uiSchema);
}
else if (hasOwn(this.form, 'customFormItems')) {
this.jsf.JsonFormCompatibility = true;
alternateLayout = fixJsonFormOptions(cloneDeep(this.form.customFormItems));
}
// if alternate layout found, copy alternate layout options into schema
if (alternateLayout) {
JsonPointer.forEachDeep(alternateLayout, function (value, pointer) {
var schemaPointer = pointer
.replace(/\//g, '/properties/')
.replace(/\/properties\/items\/properties\//g, '/items/properties/')
.replace(/\/properties\/titleMap\/properties\//g, '/titleMap/properties/');
if (hasValue(value) && hasValue(pointer)) {
var key = JsonPointer.toKey(pointer);
var groupPointer = (JsonPointer.parse(schemaPointer) || []).slice(0, -2);
var itemPointer = void 0;
// If 'ui:order' object found, copy into object schema root
if (key.toLowerCase() === 'ui:order') {
itemPointer = tslib_1.__spread(groupPointer, ['ui:order']);
// Copy other alternate layout options to schema 'x-schema-form',
// (like Angular Schema Form options) and remove any 'ui:' prefixes
}
else {
if (key.slice(0, 3).toLowerCase() === 'ui:') {
key = key.slice(3);
}
itemPointer = tslib_1.__spread(groupPointer, ['x-schema-form', key]);
}
if (JsonPointer.has(_this.jsf.schema, groupPointer) &&
!JsonPointer.has(_this.jsf.schema, itemPointer)) {
JsonPointer.set(_this.jsf.schema, itemPointer, value);
}
}
});
}
};
/**
* 'activateForm' function
*
* ...continued from 'initializeSchema' function, above
* If 'schema' has not been initialized (i.e. no schema input found)
* 6. If layout input - build schema from layout input
* 7. If data input - build schema from data input
*
* Create final layout,
* build the FormGroup template and the Angular FormGroup,
* subscribe to changes,
* and activate the form.
*/
JsonSchemaFormComponent.prototype.activateForm = function () {
var _this = this;
// If 'schema' not initialized
if (isEmpty(this.jsf.schema)) {
// TODO: If full layout input (with no '*'), build schema from layout
// if (!this.jsf.layout.includes('*')) {
// this.jsf.buildSchemaFromLayout();
// } else
// If data input, build schema from data
if (!isEmpty(this.jsf.formValues)) {
this.jsf.buildSchemaFromData();
}
}
if (!isEmpty(this.jsf.schema)) {
// If not already initialized, initialize ajv and compile schema
this.jsf.compileAjvSchema();
// Update all layout elements, add values, widgets, and validators,
// replace any '*' with a layout built from all schema elements,
// and update the FormGroup template with any new validators
this.jsf.buildLayout(this.widgetLibrary);
// Build the Angular FormGroup template from the schema
this.jsf.buildFormGroupTemplate(this.jsf.formValues);
// Build the real Angular FormGroup from the FormGroup template
this.jsf.buildFormGroup();
}
if (this.jsf.formGroup) {
// Reset initial form values
if (!isEmpty(this.jsf.formValues) &&
this.jsf.formOptions.setSchemaDefaults !== true &&
this.jsf.formOptions.setLayoutDefaults !== true) {
this.setFormValues(this.jsf.formValues);
}
// TODO: Figure out how to display calculated values without changing object data
// See http://ulion.github.io/jsonform/playground/?example=templating-values
// Calculate references to other fields
// if (!isEmpty(this.jsf.formGroup.value)) {
// forEach(this.jsf.formGroup.value, (value, key, object, rootObject) => {
// if (typeof value === 'string') {
// object[key] = this.jsf.parseText(value, value, rootObject, key);
// }
// }, 'top-down');
// }
// Subscribe to form changes to output live data, validation, and errors
this.jsf.dataChanges.subscribe(function (data) {
_this.onChanges.emit(_this.objectWrap ? data['1'] : data);
if (_this.formValuesInput && _this.formValuesInput.indexOf('.') === -1) {
_this[_this.formValuesInput + "Change"].emit(_this.objectWrap ? data['1'] : data);
}
});
// Trigger change detection on statusChanges to show updated errors
this.jsf.formGroup.statusChanges.subscribe(function () { return _this.changeDetector.markForCheck(); });
this.jsf.isValidChanges.subscribe(function (isValid) { return _this.isValid.emit(isValid); });
this.jsf.validationErrorChanges.subscribe(function (err) { return _this.validationErrors.emit(err); });
// Output final schema, final layout, and initial data
this.formSchema.emit(this.jsf.schema);
this.formLayout.emit(this.jsf.layout);
this.onChanges.emit(this.objectWrap ? this.jsf.data['1'] : this.jsf.data);
// If validateOnRender, output initial validation and any errors
var validateOnRender_1 = JsonPointer.get(this.jsf, '/formOptions/validateOnRender');
if (validateOnRender_1) { // validateOnRender === 'auto' || true
var touchAll_1 = function (control) {
if (validateOnRender_1 === true || hasValue(control.value)) {
control.markAsTouched();
}
Object.keys(control.controls || {})
.forEach(function (key) { return touchAll_1(control.controls[key]); });
};
touchAll_1(this.jsf.formGroup);
this.isValid.emit(this.jsf.isValid);
this.validationErrors.emit(this.jsf.ajvErrors);
}
}
};
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "schema", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Array)
], JsonSchemaFormComponent.prototype, "layout", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "data", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "options", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "framework", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "widgets", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "form", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "model", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "JSONSchema", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "UISchema", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "formData", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "ngModel", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String)
], JsonSchemaFormComponent.prototype, "language", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean)
], JsonSchemaFormComponent.prototype, "loadExternalAssets", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean)
], JsonSchemaFormComponent.prototype, "debug", void 0);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], JsonSchemaFormComponent.prototype, "value", null);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "onChanges", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "onSubmit", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "isValid", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "validationErrors", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "formSchema", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "formLayout", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "dataChange", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "modelChange", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "formDataChange", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Object)
], JsonSchemaFormComponent.prototype, "ngModelChange", void 0);
JsonSchemaFormComponent = tslib_1.__decorate([
Component({
// tslint:disable-next-line:component-selector
selector: 'json-schema-form',
template: "\n <div *ngFor=\"let stylesheet of stylesheets\">\n <link rel=\"stylesheet\" [href]=\"stylesheet\">\n </div>\n <div *ngFor=\"let script of scripts\">\n <script type=\"text/javascript\" [src]=\"script\"></script>\n </div>\n <form [autocomplete]=\"jsf?.formOptions?.autocomplete ? 'on' : 'off'\" class=\"json-schema-form\" (ngSubmit)=\"submitForm()\">\n <root-widget [layout]=\"jsf?.layout\"></root-widget>\n </form>\n <div *ngIf=\"debug || jsf?.formOptions?.debug\">\n Debug output: <pre>{{debugOutput}}</pre>\n </div>",
changeDetection: ChangeDetectionStrategy.OnPush,
// Adding 'JsonSchemaFormService' here, instead of in the module,
// creates a separate instance of the service for each component
providers: [JsonSchemaFormService, JSON_SCHEMA_FORM_VALUE_ACCESSOR]
}),
tslib_1.__metadata("design:paramtypes", [ChangeDetectorRef,
FrameworkLibraryService,
WidgetLibraryService,
JsonSchemaFormService,
DomSanitizer])
], JsonSchemaFormComponent);
return JsonSchemaFormComponent;
}());
export { JsonSchemaFormComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNvbi1zY2hlbWEtZm9ybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyNi1qc29uLXNjaGVtYS1mb3JtLyIsInNvdXJjZXMiOlsibGliL2pzb24tc2NoZW1hLWZvcm0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQUV4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBR0wsTUFBTSxFQUNMLE1BQU0sZUFBZSxDQUFDO0FBQ3pCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNuRixPQUFPLEVBQUUsWUFBWSxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUNMLFFBQVEsRUFDUixPQUFPLEVBQ1AsT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDN0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDbkUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDekUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFJL0UsTUFBTSxDQUFDLElBQU0sK0JBQStCLEdBQVE7SUFDbEQsT0FBTyxFQUFFLGlCQUFpQjtJQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLGNBQU0sT0FBQSx1QkFBdUIsRUFBdkIsQ0FBdUIsQ0FBQztJQUN0RCxLQUFLLEVBQUUsSUFBSTtDQUNaLENBQUM7QUFFRjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUNHO0FBc0JIO0lBMEVFLGlDQUNVLGNBQWlDLEVBQ2pDLGdCQUF5QyxFQUN6QyxhQUFtQyxFQUNwQyxHQUEwQixFQUN6QixTQUF1QjtRQUp2QixtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFDakMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQUN6QyxrQkFBYSxHQUFiLGFBQWEsQ0FBc0I7UUFDcEMsUUFBRyxHQUFILEdBQUcsQ0FBdUI7UUFDekIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQTdFakMsMEJBQXFCLEdBQVEsSUFBSSxDQUFDO1FBQ2xDLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQUMsQ0FBQyxtREFBbUQ7UUFHdkUsbUJBQWMsR0FJVjtZQUNGLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUk7WUFDdEUsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSTtZQUN4RSxRQUFRLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSTtTQUN0RCxDQUFDO1FBcUNGLFVBQVU7UUFDViwrQ0FBK0M7UUFDckMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyxzQ0FBc0M7UUFDckYsK0NBQStDO1FBQ3JDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDLENBQUMsK0JBQStCO1FBQ25FLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDLENBQUMseUJBQXlCO1FBQ2hFLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyw2QkFBNkI7UUFDekUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyxtQ0FBbUM7UUFDekUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyxtQ0FBbUM7UUFFbkYsMENBQTBDO1FBQzFDLG9FQUFvRTtRQUNwRSx5RUFBeUU7UUFDekUsZ0ZBQWdGO1FBQ3RFLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3JDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDekMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBVzlDLENBQUM7SUFuQ0wsc0JBQUksMENBQUs7YUFBVDtZQUNFLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO1FBQzlELENBQUM7YUFDRCxVQUFVLEtBQVU7WUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbkMsQ0FBQzs7O09BSEE7SUFtQ0Qsc0JBQUksZ0RBQVc7YUFBZjtZQUNFLElBQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1lBQ3BFLElBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUM7WUFDM0QsT0FBTyxXQUFXLENBQUMsR0FBRyxDQUFDLFVBQUEsVUFBVSxJQUFJLE9BQUEsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFoQixDQUFnQixDQUFDLENBQUM7UUFDekQsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSw0Q0FBTzthQUFYO1lBQ0UsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLG1CQUFtQixFQUFFLENBQUM7WUFDNUQsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw4QkFBOEIsQ0FBQztZQUMzRCxPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQSxNQUFNLElBQUksT0FBQSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQVosQ0FBWSxDQUFDLENBQUM7UUFDN0MsQ0FBQzs7O09BQUE7SUFFRCwwQ0FBUSxHQUFSO1FBQ0UsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCw2Q0FBVyxHQUFYO1FBQ0UsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCw0Q0FBVSxHQUFWLFVBQVcsS0FBVTtRQUNuQixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUFFLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDO1NBQUU7SUFDbEUsQ0FBQztJQUVELGtEQUFnQixHQUFoQixVQUFpQixFQUFZO1FBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxtREFBaUIsR0FBakIsVUFBa0IsRUFBWTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsa0RBQWdCLEdBQWhCLFVBQWlCLFVBQW1CO1FBQ2xDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsWUFBWSxLQUFLLENBQUMsQ0FBQyxVQUFVLEVBQUU7WUFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxVQUFVLENBQUM7WUFDakQsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELDRDQUFVLEdBQVY7UUFBQSxpQkE2Q0M7UUE1Q0MsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZTtZQUNoRCxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUN0RDtZQUNBLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN2QjthQUFNO1lBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUU7Z0JBQ3hELElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUNyQztZQUVELDhCQUE4QjtZQUM5QixJQUFJLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7aUJBQ2hELE1BQU0sQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSSxDQUFDLEtBQUssQ0FBQyxFQUExQyxDQUEwQyxDQUFDLENBQUM7WUFDL0QsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksWUFBWSxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLE1BQU07Z0JBQ3pELElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxFQUN4QztnQkFDQSwwREFBMEQ7Z0JBQzFELFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQztxQkFDdkQsTUFBTSxDQUFDLFVBQUEsR0FBRyxJQUFJLE9BQUEsQ0FBQyxPQUFPLENBQUMsS0FBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUF2RCxDQUF1RCxDQUFDO3FCQUN0RSxHQUFHLENBQUMsVUFBQSxHQUFHLElBQUksT0FBQSxVQUFRLEdBQUssRUFBYixDQUFhLENBQUMsQ0FBQztnQkFDN0IsVUFBVSxHQUFHLEtBQUssQ0FBQzthQUNwQjtZQUVELDREQUE0RDtZQUM1RCxJQUFJLFlBQVksQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsZUFBZSxFQUFFO2dCQUN6RSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO29CQUM1QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEVBQUUsVUFBVSxDQUFDLENBQUM7aUJBQzVEO3FCQUFNO29CQUNDLElBQUEsdURBQThDLEVBQTdDLGFBQUssRUFBRSxXQUFzQyxDQUFDO29CQUNyRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFBRSxVQUFVLENBQUMsQ0FBQztpQkFDbEQ7Z0JBRUgsMERBQTBEO2FBQ3pEO2lCQUFNLElBQUksWUFBWSxDQUFDLE1BQU0sRUFBRTtnQkFDOUIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN0QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUFFO2dCQUMxRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7b0JBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO2lCQUFFO2FBQzdEO1lBRUQseUJBQXlCO1lBQ3pCLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztpQkFDN0IsTUFBTSxDQUFDLFVBQUEsS0FBSyxJQUFJLE9BQUEsS0FBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFJLENBQUMsS0FBSyxDQUFDLEVBQTFDLENBQTBDLENBQUM7aUJBQzNELE9BQU8sQ0FBQyxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSSxDQUFDLEtBQUssQ0FBQyxFQUF4QyxDQUF3QyxDQUFDLENBQUM7U0FDL0Q7SUFDSCxDQUFDO0lBRUQsK0NBQWEsR0FBYixVQUFjLFVBQWUsRUFBRSxVQUFpQjtRQUFqQiwyQkFBQSxFQUFBLGlCQUFpQjtRQUM5QyxJQUFJLFVBQVUsRUFBRTtZQUNkLElBQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO1lBQ3JFLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRTtnQkFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO2dCQUNqQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7YUFDckI7aUJBQU0sSUFBSSxVQUFVLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQzVCO1lBQ0QsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRTtnQkFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7YUFBRTtZQUNwRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7Z0JBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsQ0FBQzthQUFFO1NBQ3ZEO2FBQU07WUFDTCxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCw0Q0FBVSxHQUFWO1FBQ0UsSUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUM7UUFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7T0FtQkc7SUFDSCxnREFBYyxHQUFkO1FBQ0UsSUFDRSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLO1lBQ2xFLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPO1lBQ2pFLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUNiO1lBRUEsSUFBSSxDQUFDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFFLG9DQUFvQztZQUNoRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxDQUFHLGlCQUFpQjtZQUM3QyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFJLG1DQUFtQztZQUNuQywrQ0FBK0M7WUFDM0UsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBSSxtQ0FBbUM7WUFDL0QsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQU0sb0JBQW9CO1lBQ2hELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFRLHNDQUFzQztZQUN0QywrQkFBK0I7WUFFM0QseUVBQXlFO1lBQ3pFLHVCQUF1QjtZQUN2QixrQ0FBa0M7WUFDbEMsMENBQTBDO1lBQzFDLDBDQUEwQztZQUMxQyx3Q0FBd0M7WUFDeEMsa0RBQWtEO1lBQ2xELGdFQUFnRTtZQUNoRSxnREFBZ0Q7WUFDaEQsNERBQTREO1lBQzVELDhEQUE4RDtZQUM5RCw4REFBOEQ7WUFDOUQsa0VBQWtFO1lBQ2xFLDRDQUE0QztZQUM1Qyw4Q0FBOEM7WUFDOUMsd0VBQXdFO1lBQ3hFLG9FQUFvRTtZQUVwRSx5RUFBeUU7WUFDekUsdUVBQXVFO1lBQ3ZFLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUU7Z0JBQzVDLElBQU0sSUFBSSxHQUFVLEVBQUUsQ0FBQztnQkFDdkIsOEJBQThCO2dCQUM5Qiw4QkFBOEI7Z0JBQzlCLDJCQUEyQjtnQkFDM0Isa0NBQWtDO2dCQUNsQyx1Q0FBdUM7Z0JBQ3ZDLHlDQUF5QztnQkFDekMsaUNBQWlDO2dCQUNqQyx3Q0FBd0M7Z0JBQ3hDLHdDQUF3QztnQkFDeEMsMENBQTBDO2dCQUMxQywrQkFBK0I7Z0JBQy9CLGdDQUFnQztnQkFDaEMsNkNBQTZDO2dCQUM3QywyQ0FBMkM7Z0JBQzNDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN6RTtZQUNELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQztJQUVEOzs7Ozs7O09BT0c7SUFDSyxtREFBaUIsR0FBekI7O1FBQ0UsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUU7WUFDeEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3JDO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLElBQUksa0JBQWtCLEdBQVksSUFBSSxDQUFDLGtCQUFrQixJQUFJLEtBQUssQ0FBQztRQUNuRSxJQUFJLFNBQVMsR0FBUSxJQUFJLENBQUMsU0FBUyxJQUFJLFNBQVMsQ0FBQztRQUNqRCxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2xDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLElBQUksa0JBQWtCLENBQUM7WUFDM0UsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxJQUFJLFNBQVMsQ0FBQztTQUNqRDtRQUNELElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3ZDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGtCQUFrQixJQUFJLGtCQUFrQixDQUFDO1lBQ2hGLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDO1NBQ3REO1FBQ0QsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1NBQ2hEO1FBQ0QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHFCQUFxQixDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUQsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUU7O2dCQUMxQyxLQUFxQixJQUFBLEtBQUEsaUJBQUEsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQSxnQkFBQSw0QkFBRTtvQkFBM0QsSUFBTSxNQUFNLFdBQUE7b0JBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO2lCQUNqRjs7Ozs7Ozs7O1NBQ0Y7UUFDRCxJQUFJLFFBQVEsQ0FBQyxJQUFJL