@stemy/ngx-dynamic-form 12.0.0 → 13.0.0

package/fesm2015/stemy-ngx-dynamic-form.js

@@ -1,1731 +0,0 @@
-import { InjectionToken, Directive, HostBinding, Injectable, Inject, Type, ComponentFactoryResolver, Injector, EventEmitter, ChangeDetectorRef, ElementRef, Renderer2, Input, Output, HostListener, ViewContainerRef, TemplateRef, ContentChild, ContentChildren, Component, ViewChildren, ViewChild, NgModule } from '@angular/core';
-import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { ObjectUtils, ReflectUtils, UniqueUtils, TimerUtils, FileUtils, FactoryDependencies, StringUtils, ApiService, TOASTER_SERVICE, ArrayUtils, LANGUAGE_SERVICE, NgxUtilsModule } from '@stemy/ngx-utils';
-import { __decorate } from 'tslib';
-import { DatePipe, CommonModule } from '@angular/common';
-import { first } from 'rxjs/operators';
-
-const FORM_GROUP_TYPE = new InjectionToken("form-group-provider");
-const FORM_CONTROL_PROVIDER = new InjectionToken("form-control-provider");
-class FormControlComponent {
-    get form() {
-        return !this.control ? null : this.control.form;
-    }
-    get data() {
-        return (!this.control ? {} : this.control.data);
-    }
-    get value() {
-        return !this.control ? null : this.control.value;
-    }
-    get meta() {
-        return !this.control ? null : this.control.meta;
-    }
-    get inputClass() {
-        return true;
-    }
-}
-FormControlComponent.decorators = [
-    { type: Directive }
-];
-FormControlComponent.propDecorators = {
-    inputClass: [{ type: HostBinding, args: ["class.form-input",] }]
-};
-function createValidator(control) {
-    const data = control.data || {};
-    const validators = [data.validator].concat(data.validators || []).filter(ObjectUtils.isDefined).map(v => {
-        return ReflectUtils.resolve(v, control.injector);
-    });
-    return (ctrl) => new Promise((resolve) => {
-        const control = ctrl;
-        control.shouldValidate().then(should => {
-            if (!should) {
-                resolve(null);
-                return;
-            }
-            const validate = validators.map(v => v(control));
-            const metaValidator = control.meta.validator;
-            if (ObjectUtils.isFunction(metaValidator)) {
-                validate.push(metaValidator(control));
-            }
-            Promise.all(validate).then(results => {
-                results = results.filter(error => ObjectUtils.isObject(error) || ObjectUtils.isString(error));
-                let result = null;
-                if (results.length > 0) {
-                    result = {};
-                    results.forEach(error => {
-                        if (ObjectUtils.isString(error)) {
-                            result[error] = {};
-                            return;
-                        }
-                        result = Object.assign(result, error);
-                    });
-                }
-                resolve(result);
-            });
-        });
-    });
-}
-class DynamicFormControlHelper {
-    constructor(form, control = null) {
-        this.form = form;
-        this.control = control;
-        this.formId = UniqueUtils.uuid();
-        this.meta = {};
-        this.hidden = false;
-        this.dummyData = {};
-        this.readonlyTester = this.createTester("readonly");
-        this.hideTester = this.createTester("hidden");
-        this.serializeTester = this.createTester("shouldSerialize", (control) => {
-            return Promise.resolve(control.visible);
-        });
-        this.validateTester = this.createTester("shouldValidate", (control) => {
-            return Promise.resolve(control.visible);
-        });
-    }
-    get id() {
-        return !this.control ? null : this.control.id;
-    }
-    get type() {
-        return !this.control ? "" : this.control.type;
-    }
-    get data() {
-        return !this.control ? this.dummyData : this.control.data || this.dummyData;
-    }
-    get visible() {
-        return !this.hidden;
-    }
-    get provider() {
-        return this.ctrlProvider;
-    }
-    load(control) {
-        return !this.ctrlProvider ? Promise.resolve(null) : this.ctrlProvider.loader(control);
-    }
-    check(control) {
-        return new Promise(resolve => {
-            this.hideTester(control).then(hide => {
-                this.hidden = hide;
-                this.readonlyTester(control).then(readonly => {
-                    resolve(control.form.readonly || readonly);
-                });
-            });
-        });
-    }
-    shouldSerialize(control) {
-        return this.serializeTester(control);
-    }
-    shouldValidate(control) {
-        return this.validateTester(control);
-    }
-    findProvider(control) {
-        this.ctrlProvider = !this.control || !this.control.type ? null : this.form.findProvider(control);
-    }
-    createTester(test, defaultFunc = null) {
-        const tester = this.data[test]
-            ? ReflectUtils.resolve(this.data[test], this.form.injector)
-            : (defaultFunc || (() => Promise.resolve(false)));
-        return (control) => tester(control);
-    }
-}
-class DynamicFormGroup extends FormGroup {
-    constructor(form, control = null) {
-        super({}, { updateOn: ((!control || !control.data) ? null : control.data.updateOn) || form.updateOn || "blur" });
-        this.form = form;
-        this.mName = "";
-        this.mModel = {};
-        this.mControls = [];
-        this.mSerializers = [];
-        this.mFieldSets = {};
-        this.helper = new DynamicFormControlHelper(form, control);
-        this.helper.findProvider(this);
-        this.initialized = false;
-        this.loading = false;
-        this.changeTimer = TimerUtils.createTimeout();
-        this.statusChanges.subscribe(() => {
-            const root = this.form.root;
-            root.onStatusChange.emit(root);
-        });
-        this.setAsyncValidators(createValidator(this));
-    }
-    get id() {
-        return this.helper.id;
-    }
-    get type() {
-        return this.helper.type;
-    }
-    get data() {
-        return this.helper.data;
-    }
-    get visible() {
-        return this.helper.visible;
-    }
-    get meta() {
-        return this.helper.meta;
-    }
-    get injector() {
-        return this.form.injector;
-    }
-    get label() {
-        return this.data.label !== "" ? `${this.prefix}${this.data.label}` : "";
-    }
-    get provider() {
-        return this.helper.provider;
-    }
-    get model() {
-        return this.mModel;
-    }
-    get formId() {
-        return this.helper.formId;
-    }
-    get formControls() {
-        return this.mControls || [];
-    }
-    get formFields() {
-        return this.mFieldSets || {};
-    }
-    get prefix() {
-        return !this.name ? "" : `${this.name}.`;
-    }
-    get name() {
-        return this.mName;
-    }
-    get state() {
-        return (this.loading ? "LOADING" : this.status);
-    }
-    static createFormControls(group, controls) {
-        if (!controls && ObjectUtils.isObject(group.model)) {
-            const props = Object.keys(group.model);
-            controls = props.map(id => {
-                return getFormControl(group.model, id);
-            }).filter(ObjectUtils.isDefined);
-        }
-        if (!controls)
-            return [];
-        return controls.map(ctrl => {
-            if (ctrl.type == "model") {
-                const subGroup = new DynamicFormGroup(group.form, ctrl);
-                const model = group.model[ctrl.id] || {};
-                const data = subGroup.getData();
-                data.name = data.name || group.name;
-                subGroup.setup(model, data);
-                group.model[ctrl.id] = model;
-                group.addControl(subGroup.id, subGroup);
-                return subGroup;
-            }
-            return new DynamicFormControl(ctrl, group);
-        });
-    }
-    static createFormSerializers(group, serializers) {
-        if (!serializers && ObjectUtils.isObject(group.model)) {
-            const props = Object.keys(group.model);
-            serializers = props.reduce((result, id) => {
-                const serializer = getFormSerializer(group.model, id);
-                if (!serializer)
-                    return result;
-                result[id] = serializer;
-                return result;
-            }, {});
-        }
-        if (!serializers)
-            return [];
-        return Object.keys(serializers).map(id => {
-            const serializer = serializers[id] || defaultSerializer;
-            return !serializer ? null : {
-                id: id,
-                func: ReflectUtils.resolve(serializer, group.injector)
-            };
-        });
-    }
-    getData() {
-        return this.data;
-    }
-    getControl(id) {
-        return this.get(id);
-    }
-    load() {
-        const promises = this.mControls.map(c => c.load());
-        promises.push(this.helper.load(this));
-        return Promise.all(promises);
-    }
-    check() {
-        return new Promise(resolve => {
-            this.helper.check(this).then(readonly => {
-                if (readonly)
-                    this.disable({ emitEvent: false });
-                else
-                    this.enable({ emitEvent: false });
-                const promises = this.mControls.map(c => c.check());
-                Promise.all(promises).then(resolve);
-            });
-        });
-    }
-    shouldSerialize() {
-        return this.helper.shouldSerialize(this);
-    }
-    shouldValidate() {
-        return this.helper.shouldValidate(this);
-    }
-    serialize() {
-        return new Promise((resolve) => {
-            const result = {};
-            const serializers = this.mSerializers.map(s => {
-                return new Promise(resolve => {
-                    s.func(s.id, this).then(res => {
-                        const ctrl = this.getControl(s.id);
-                        const promise = !ctrl ? Promise.resolve(true) : ctrl.shouldSerialize();
-                        promise.then(should => {
-                            if (should)
-                                result[s.id] = res;
-                            resolve(null);
-                        });
-                    });
-                });
-            });
-            Promise.all(serializers).then(() => resolve(result));
-        });
-    }
-    onFocus() {
-        this.markAsUntouched({ onlySelf: true });
-    }
-    onBlur() {
-        this.markAsTouched({ onlySelf: true });
-    }
-    showErrors() {
-        this.markAsTouched({ onlySelf: true });
-        this.mControls.forEach(ctrl => ctrl.showErrors());
-    }
-    reloadControls() {
-        let callback = () => { };
-        if (this.initialized === false) {
-            this.initialized = true;
-            this.loading = true;
-            callback = () => {
-                this.loading = false;
-                // this.cdr.detectChanges();
-                const root = this.form.root;
-                root.onInit.emit(root);
-                root.onStatusChange.emit(root);
-                // https://github.com/angular/angular/issues/14542
-                const statusTimer = TimerUtils.createInterval();
-                statusTimer.set(() => {
-                    if (this.status == "PENDING")
-                        return;
-                    statusTimer.clear();
-                    root.onStatusChange.emit(root);
-                }, 50);
-                setTimeout(statusTimer.clear, 5000);
-            };
-        }
-        const promise = new Promise(resolve => {
-            this.load().then(() => this.check().then(resolve));
-        });
-        promise.then(callback, callback);
-        return promise;
-    }
-    setup(model, info) {
-        this.mName = info.name || "";
-        this.mModel = model;
-        this.mControls.forEach(ctrl => this.removeControl(ctrl.id));
-        this.mControls = DynamicFormGroup.createFormControls(this, info.controls);
-        this.mControls.forEach((ctrl) => this.addControl(ctrl.id, ctrl));
-        this.mSerializers = DynamicFormGroup.createFormSerializers(this, info.serializers);
-        this.mFieldSets = info.fieldSets ? info.fieldSets.reduce((result, fs) => {
-            result[fs.id] = fs;
-            return result;
-        }, {}) : getFormFieldSets(Object.getPrototypeOf(model).constructor);
-    }
-    updateModel(control) {
-        this.model[control.id] = control.value;
-        this.changeTimer.clear();
-        this.changeTimer.set(() => {
-            this.check().then(() => this.reloadControlsFrom(control, new Set()).then(() => {
-                this.form.root.onChange.emit(control);
-            }));
-        }, 250);
-    }
-    reloadControlsFrom(control, controls) {
-        const data = control.data;
-        if (!data || !data.reload)
-            return Promise.resolve(null);
-        const reload = ObjectUtils.isArray(data.reload) ? data.reload : [data.reload];
-        return Promise.all(reload.map(id => {
-            const nextControl = this.getControl(id);
-            if (!nextControl || controls.has(nextControl))
-                return Promise.resolve(null);
-            controls.add(nextControl);
-            return new Promise(resolve => {
-                nextControl.load().then(() => {
-                    this.reloadControlsFrom(nextControl, controls).then(resolve);
-                });
-            });
-        }));
-    }
-}
-class DynamicFormControl extends FormControl {
-    constructor(control, group) {
-        super(group.model[control.id], { updateOn: control.data.updateOn || group.updateOn });
-        this.control = control;
-        this.group = group;
-        this.group.addControl(control.id, this);
-        this.helper = new DynamicFormControlHelper(this.form, control);
-        this.helper.findProvider(this);
-        this.valueChanges.subscribe(() => this.group.updateModel(this));
-        this.setAsyncValidators(createValidator(this));
-    }
-    get id() {
-        return this.helper.id;
-    }
-    get type() {
-        return this.helper.type;
-    }
-    get data() {
-        return this.helper.data;
-    }
-    get visible() {
-        return this.helper.visible;
-    }
-    get meta() {
-        return this.helper.meta;
-    }
-    get form() {
-        return this.group.form;
-    }
-    get injector() {
-        return this.form.injector;
-    }
-    get label() {
-        return this.data.label !== "" ? `${this.group.prefix}${this.data.label}` : "";
-    }
-    get provider() {
-        return this.helper.provider;
-    }
-    get model() {
-        return this.group.model;
-    }
-    get formId() {
-        return this.helper.formId;
-    }
-    getData() {
-        return this.data;
-    }
-    getControl(id) {
-        return null;
-    }
-    load() {
-        return this.helper.load(this);
-    }
-    check() {
-        const check = this.helper.check(this);
-        check.then(readonly => {
-            if (readonly || this.group.disabled)
-                this.disable({ emitEvent: false });
-            else
-                this.enable({ emitEvent: false });
-        });
-        return check;
-    }
-    shouldSerialize() {
-        return this.helper.shouldSerialize(this);
-    }
-    shouldValidate() {
-        return this.helper.shouldValidate(this);
-    }
-    serialize() {
-        return Promise.resolve(this.value);
-    }
-    onFocus() {
-        this.markAsUntouched({ onlySelf: true });
-    }
-    onBlur() {
-        this.markAsTouched({ onlySelf: true });
-    }
-    showErrors() {
-        this.markAsTouched({ onlySelf: true });
-    }
-}
-// --- Decorator functions ---
-const emptyArray = [];
-const emptyTester = () => {
-    return Promise.resolve(false);
-};
-const ɵ0 = emptyTester;
-function defaultSerializer(id, parent) {
-    const control = parent.getControl(id);
-    return !control ? Promise.resolve(parent.model[id]) : control.serialize();
-}
-function FormSerializable(serializer) {
-    return (target, propertyKey) => {
-        ReflectUtils.defineMetadata("dynamicFormSerializer", serializer || defaultSerializer, target, propertyKey);
-    };
-}
-function FormInput(data) {
-    return (target, propertyKey) => {
-        const meta = ReflectUtils.getOwnMetadata("design:type", target, propertyKey);
-        const type = meta ? meta.name : "";
-        let inputType = propertyKey.indexOf("password") < 0 ? "text" : "password";
-        switch (type) {
-            case "Number":
-                inputType = "number";
-                break;
-            case "Boolean":
-                inputType = "checkbox";
-                break;
-        }
-        defineFormControl(target, propertyKey, createFormInput(propertyKey, data, inputType));
-    };
-}
-function FormSelect(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormSelect(propertyKey, data));
-    };
-}
-function FormStatic(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormStatic(propertyKey, data));
-    };
-}
-function FormModel(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormModel(propertyKey, data));
-    };
-}
-function FormFile(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormFile(propertyKey, data));
-    };
-}
-function FormFieldSet(data) {
-    return (target) => {
-        const sets = getFormFieldSets(target);
-        data.classes = data.classes || "";
-        sets[data.id] = data;
-        ReflectUtils.defineMetadata("dynamicFormFieldSets", sets, target);
-    };
-}
-function provideFormGroup(component) {
-    return {
-        provide: FORM_GROUP_TYPE,
-        useValue: component
-    };
-}
-function provideFormControl(component, acceptor, loader, priority = 0) {
-    return {
-        provide: FORM_CONTROL_PROVIDER,
-        multi: true,
-        useValue: {
-            component: component,
-            priority: priority,
-            acceptor: acceptor,
-            loader: loader
-        }
-    };
-}
-function defineFormControl(target, propertyKey, control) {
-    ReflectUtils.defineMetadata("dynamicFormControl", control, target, propertyKey);
-}
-function getFormFieldSets(target) {
-    return ReflectUtils.getMetadata("dynamicFormFieldSets", target) || {};
-}
-function getFormControl(target, propertyKey) {
-    return ReflectUtils.getMetadata("dynamicFormControl", target, propertyKey);
-}
-function getFormSerializer(target, propertyKey) {
-    return ReflectUtils.getMetadata("dynamicFormSerializer", target, propertyKey);
-}
-function createFormControl(id, type, data) {
-    data = data || {};
-    data.label = ObjectUtils.isNullOrUndefined(data.label) ? id : data.label;
-    data.labelAlign = data.labelAlign || "left";
-    data.fieldSet = data.fieldSet || UniqueUtils.uuid();
-    data.classes = data.classes || "";
-    data.readonly = data.readonly || emptyTester;
-    data.hidden = data.hidden || emptyTester;
-    data.validators = data.validators || emptyArray;
-    return {
-        id: id,
-        type: type,
-        data: data
-    };
-}
-function createFormInput(id, data, type = "text") {
-    const control = createFormControl(id, "input", data);
-    data = control.data;
-    data.type = data.type || type;
-    data.classes = !data.classes ? `form-group-${data.type}` : `${data.classes} form-group-${data.type}`;
-    data.placeholder = data.placeholder || "";
-    data.step = data.step || 1;
-    return control;
-}
-function createFormSelect(id, data) {
-    const control = createFormControl(id, "select", data);
-    data = control.data;
-    data.options = data.options || (() => Promise.resolve([]));
-    data.type = data.type || "select";
-    const classType = data.type == "select" ? "select" : `select-${data.type}`;
-    data.classes = !data.classes ? `form-group-${classType}` : `${data.classes} form-group-${classType}`;
-    return control;
-}
-function createFormStatic(id, data) {
-    const control = createFormControl(id, "static", data);
-    data = control.data;
-    data.style = data.style || "table";
-    return control;
-}
-function createFormModel(id, data) {
-    const control = createFormControl(id, "model", data);
-    data = control.data;
-    data.name = data.name || "";
-    return control;
-}
-function createFormFile(id, data) {
-    const control = createFormControl(id, "file", data);
-    data = control.data;
-    data.accept = data.accept || ".jpg,.jpeg,.png";
-    data.multi = data.multi || false;
-    data.baseUrl = ObjectUtils.isString(data.baseUrl) ? data.baseUrl : "assets/";
-    data.uploadUrl = ObjectUtils.isString(data.uploadUrl) ? data.uploadUrl : "assets";
-    data.createUploadData = data.createUploadData || ((file) => {
-        const form = new FormData();
-        form.append("file", file);
-        return form;
-    });
-    return control;
-}
-
-class DynamicFormService {
-    constructor(components, groupType, resolver, injector) {
-        this.components = components;
-        this.groupType = groupType;
-        this.resolver = resolver;
-        this.injector = injector;
-    }
-    findProvider(control) {
-        if (!control)
-            return null;
-        const providers = this.components.filter(p => p.acceptor(control));
-        if (providers.length == 0) {
-            throw new Error(`No component provider for control: ${JSON.stringify({
-                id: control.id,
-                type: control.type,
-                data: control.data
-            })}`);
-        }
-        // Sort providers
-        providers.sort((a, b) => ObjectUtils.compare(a.priority, b.priority));
-        return providers[0];
-    }
-    createComponent(vcr, provider) {
-        vcr.clear();
-        if (!provider)
-            return null;
-        const factory = this.resolver.resolveComponentFactory(provider.component);
-        return vcr.createComponent(factory).instance;
-    }
-    createGroup(vcr) {
-        vcr.clear();
-        const factory = this.resolver.resolveComponentFactory(this.groupType);
-        return vcr.createComponent(factory).instance;
-    }
-}
-DynamicFormService.decorators = [
-    { type: Injectable }
-];
-DynamicFormService.ctorParameters = () => [
-    { type: Array, decorators: [{ type: Inject, args: [FORM_CONTROL_PROVIDER,] }] },
-    { type: Type, decorators: [{ type: Inject, args: [FORM_GROUP_TYPE,] }] },
-    { type: ComponentFactoryResolver },
-    { type: Injector }
-];
-
-class FormUtilities {
-    static checkField(expression = `true`) {
-        // @dynamic
-        const lambda = (control) => {
-            return Promise.resolve(ObjectUtils.evaluate(expression, { control: control }));
-        };
-        return lambda;
-    }
-    static checkReadonly(control) {
-        return Promise.resolve(control.visible && !control.disabled);
-    }
-    static readonly() {
-        return Promise.resolve(true);
-    }
-    static validateJSON(control) {
-        const value = control.value;
-        if (!value)
-            return Promise.resolve(null);
-        try {
-            JSON.parse(value);
-            return Promise.resolve(null);
-        }
-        catch (e) {
-            return Promise.resolve("error.not-valid-json");
-        }
-    }
-    static validateRequired(control) {
-        const value = control.value;
-        return Promise.resolve(!ObjectUtils.isNumber(value) && !value ? "error.required" : null);
-    }
-    static validateMinLength(length) {
-        // @dynamic
-        const lambda = (control) => {
-            const value = control.value;
-            if (!ObjectUtils.isString(value) || value.length < length) {
-                return Promise.resolve({ "error.min-length": { length: length } });
-            }
-            return Promise.resolve(null);
-        };
-        return lambda;
-    }
-    static validateMaxLength(length) {
-        // @dynamic
-        const lambda = (control) => {
-            const value = control.value;
-            if (!ObjectUtils.isString(value) || value.length > length) {
-                return Promise.resolve({ "error.max-length": { length: length } });
-            }
-            return Promise.resolve(null);
-        };
-        return lambda;
-    }
-    static validateRequiredTranslation(control) {
-        const value = control.value;
-        if (!value || value.length == 0)
-            return Promise.resolve("error.required");
-        return Promise.resolve(value.findIndex(t => (t.lang == "de" || t.lang == "en") && !t.translation) < 0 ? null : "error.required");
-    }
-    static validateEmail(control) {
-        const value = control.value;
-        if (!value)
-            return Promise.resolve(null);
-        const emailRegexp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        return Promise.resolve(emailRegexp.test(value) ? null : "error.invalid-email");
-    }
-    static validatePhone(control) {
-        const value = control.value;
-        if (!value)
-            return Promise.resolve(null);
-        const phoneRegexp = /^(?:\d){10,12}$/;
-        return Promise.resolve(phoneRegexp.test(value) ? null : "error.invalid-phone");
-    }
-    static serializeLogo(id, parent) {
-        const value = parent.model[id];
-        return Promise.resolve(!value || value.length == 0 ? null : value);
-    }
-    static serializeFile(id, parent) {
-        const value = parent.model[id];
-        if (ObjectUtils.isBlob(value))
-            return Promise.resolve(value);
-        return Promise.resolve(!ObjectUtils.isString(value) || !value.startsWith("data:") ? null : FileUtils.dataToBlob(value));
-    }
-    static serializeNumber(id, parent) {
-        const value = parent.model[id];
-        return Promise.resolve(!value || value.length == 0 ? 0 : parseFloat(value));
-    }
-    static serializeJSON(id, parent) {
-        const value = parent.model[id];
-        return Promise.resolve(!value ? {} : JSON.parse(value));
-    }
-    static serializeDate(date, format = "yyyy-MM-dd", defaultValue = "") {
-        // @dynamic
-        const lambda = (id, parent) => {
-            const value = parent.model[id];
-            if (!ObjectUtils.isDate(value))
-                return Promise.resolve(value || defaultValue);
-            return Promise.resolve(!format ? value : date.transform(value, format));
-        };
-        return lambda;
-    }
-}
-__decorate([
-    FactoryDependencies(DatePipe)
-], FormUtilities, "serializeDate", null);
-
-class OpenApiService {
-    constructor(api) {
-        this.api = api;
-        const baseUrl = this.api.url("").replace("api/", "api-docs");
-        this.schemas = {};
-        this.schemasPromise = new Promise((resolve => {
-            this.api.client.get(baseUrl).subscribe((res) => {
-                this.schemas = res.definitions || {};
-                resolve(this.schemas);
-            }, () => {
-                resolve({});
-            });
-        }));
-    }
-    getFormInputsForSchema(name) {
-        this.api.cache = {};
-        return this.schemasPromise.then(schemas => {
-            const schema = schemas[name];
-            const inputs = this.getFormInputsForSchemaDef(schema);
-            return inputs;
-        });
-    }
-    getFormInputsForSchemaDef(schema) {
-        const inputs = {};
-        if (!schema)
-            return inputs;
-        inputs.schema = schema;
-        inputs.serializers = {};
-        inputs.controls = Object.keys(schema.properties || {}).map(p => {
-            const property = schema.properties[p];
-            property.id = p;
-            inputs.serializers[p] = (id, parent) => {
-                return Promise.resolve(parent.model[id]);
-            };
-            return this.getFormControlForProperty(property, schema);
-        }).filter(t => null !== t);
-        return inputs;
-    }
-    getFormControlForProperty(property, schema) {
-        if (Array.isArray(property.enum)) {
-            return createFormSelect(property.id, this.getFormSelectData(property, schema));
-        }
-        switch (property.type) {
-            case "string":
-            case "number":
-            case "boolean":
-            case "textarea":
-                return createFormInput(property.id, this.getFormInputData(property, schema));
-            case "list":
-                return createFormSelect(property.id, this.getFormSelectData(property, schema));
-            case "file":
-                return createFormFile(property.id, this.getFormFileData(property, schema));
-        }
-        return null;
-    }
-    getBaseFormData(property, schema) {
-        return {
-            readonly: property.readonly ? FormUtilities.readonly : null,
-            shouldSerialize: FormUtilities.checkReadonly,
-            validators: this.getValidators(property, schema)
-        };
-    }
-    getFormInputData(property, schema) {
-        let type = StringUtils.has(property.id, "password", "Password") ? "password" : property.type;
-        switch (property.type) {
-            case "boolean":
-                type = "checkbox";
-                break;
-            case "textarea":
-                type = "textarea";
-                break;
-        }
-        return Object.assign(Object.assign({}, this.getBaseFormData(property, schema)), { type });
-    }
-    getFormSelectData(property, schema) {
-        const options = Array.isArray(property.enum)
-            ? () => {
-                return Promise.resolve(property.enum.map(id => ({ id, label: `${property.id}.${id}` })));
-            }
-            : () => {
-                this.api.cache[property.endpoint] = this.api.cache[property.endpoint] || this.api.list(property.endpoint, this.api.makeListParams(1, -1)).then(result => {
-                    return result.items.map(i => {
-                        return { id: i._id, label: i.name };
-                    });
-                });
-                return this.api.cache[property.endpoint];
-            };
-        return Object.assign(Object.assign({}, this.getBaseFormData(property, schema)), { options });
-    }
-    getFormFileData(property, schema) {
-        return Object.assign(Object.assign({}, this.getBaseFormData(property, schema)), { multi: property.multi });
-    }
-    getValidators(property, schema) {
-        const validators = [];
-        if (schema.required.indexOf(property.id) >= 0) {
-            validators.push(FormUtilities.validateRequired);
-        }
-        if (property.minLength) {
-            validators.push({
-                type: FormUtilities,
-                func: FormUtilities.validateMinLength,
-                params: [property.minLength]
-            });
-        }
-        if (property.maxLength) {
-            validators.push({
-                type: FormUtilities,
-                func: FormUtilities.validateMaxLength,
-                params: [property.maxLength]
-            });
-        }
-        switch (property.format) {
-            case "email":
-                validators.push(FormUtilities.validateEmail);
-                break;
-        }
-        return validators;
-    }
-}
-OpenApiService.decorators = [
-    { type: Injectable }
-];
-OpenApiService.ctorParameters = () => [
-    { type: ApiService }
-];
-
-class AsyncSubmitDirective {
-    constructor(toaster, cdr, elem, renderer) {
-        this.toaster = toaster;
-        this.cdr = cdr;
-        this.onSuccess = new EventEmitter();
-        this.onError = new EventEmitter();
-        if (elem.nativeElement.tagName !== "BUTTON")
-            return;
-        renderer.setAttribute(elem.nativeElement, "type", "button");
-    }
-    get isDisabled() {
-        return this.disabled;
-    }
-    get isLoading() {
-        return this.loading;
-    }
-    ngOnInit() {
-        if (!this.form)
-            return;
-        this.disabled = this.form.status !== "VALID";
-        this.cdr.detectChanges();
-        this.onStatusChange = this.form.onStatusChange.subscribe(form => {
-            this.disabled = form.status !== "VALID";
-            this.cdr.detectChanges();
-            if (!this.callback || form.status == "PENDING")
-                return;
-            if (!this.disabled) {
-                this.callback();
-            }
-            this.callback = null;
-        });
-        this.onSubmit = this.form.onSubmit.subscribe(() => this.callMethod());
-    }
-    ngOnDestroy() {
-        if (this.onStatusChange)
-            this.onStatusChange.unsubscribe();
-        if (this.onSubmit)
-            this.onSubmit.unsubscribe();
-    }
-    click() {
-        this.callback = () => this.callMethod();
-        if (this.form.status !== "VALID" && this.form.status !== "INVALID")
-            return;
-        this.callback();
-        this.callback = null;
-    }
-    callMethod() {
-        if (this.loading)
-            return;
-        this.loading = true;
-        this.method(this.form).then(result => {
-            this.loading = false;
-            if (result) {
-                this.onSuccess.emit(result);
-                this.toaster.success(result.message, result.context);
-            }
-        }, reason => {
-            if (!reason || !reason.message)
-                throw new Error("Reason must implement IAsyncMessage interface");
-            this.loading = false;
-            this.onError.emit(reason);
-            this.toaster.error(reason.message, reason.context);
-        });
-    }
-}
-AsyncSubmitDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[async-submit]",
-                exportAs: "async-submit"
-            },] }
-];
-AsyncSubmitDirective.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [TOASTER_SERVICE,] }] },
-    { type: ChangeDetectorRef },
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-AsyncSubmitDirective.propDecorators = {
-    method: [{ type: Input, args: ["async-submit",] }],
-    form: [{ type: Input }],
-    onSuccess: [{ type: Output }],
-    onError: [{ type: Output }],
-    isDisabled: [{ type: HostBinding, args: ["class.disabled",] }],
-    isLoading: [{ type: HostBinding, args: ["class.loading",] }],
-    click: [{ type: HostListener, args: ["click",] }]
-};
-
-class DynamicFormControlDirective {
-    constructor(vcr, forms) {
-        this.vcr = vcr;
-        this.forms = forms;
-    }
-    get component() {
-        return this.comp;
-    }
-    ngOnChanges(changes) {
-        if (changes.control) {
-            this.comp = this.forms.createComponent(this.vcr, this.control.provider);
-        }
-        if (!this.comp)
-            return;
-        this.comp.control = this.control;
-    }
-}
-DynamicFormControlDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[form-control]",
-            },] }
-];
-DynamicFormControlDirective.ctorParameters = () => [
-    { type: ViewContainerRef },
-    { type: DynamicFormService }
-];
-DynamicFormControlDirective.propDecorators = {
-    control: [{ type: Input, args: ["form-control",] }]
-};
-
-class DynamicFormTemplateDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-DynamicFormTemplateDirective.decorators = [
-    { type: Directive, args: [{
-                selector: `ng-template[control],
-                ng-template[label],
-                ng-template[input],
-                ng-template[prefix],
-                ng-template[suffix],
-                ng-template[setPrefix],
-                ng-template[setSuffix],
-                ng-template[formPrefix],
-                ng-template[formSuffix],
-                ng-template[innerFormPrefix],
-                ng-template[innerFormSuffix]`
-            },] }
-];
-DynamicFormTemplateDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-DynamicFormTemplateDirective.propDecorators = {
-    control: [{ type: Input }],
-    label: [{ type: Input }],
-    input: [{ type: Input }],
-    prefix: [{ type: Input }],
-    suffix: [{ type: Input }],
-    setPrefix: [{ type: Input }],
-    setSuffix: [{ type: Input }],
-    formPrefix: [{ type: Input }],
-    formSuffix: [{ type: Input }],
-    innerFormPrefix: [{ type: Input }],
-    innerFormSuffix: [{ type: Input }]
-};
-
-class DynamicFormBaseComponent {
-    constructor(cdr, formService) {
-        this.formService = formService;
-        this.name = "";
-        this.controlTemplates = {};
-        this.labelTemplates = {};
-        this.inputTemplates = {};
-        this.prefixTemplates = {};
-        this.suffixTemplates = {};
-        this.onChange = new EventEmitter();
-        this.onStatusChange = new EventEmitter();
-        this.onInit = new EventEmitter();
-        this.onSubmit = new EventEmitter();
-        this.injector = formService.injector;
-        this.cdr = cdr;
-    }
-    get root() {
-        let form = this;
-        while (ObjectUtils.isDefined(form.parent)) {
-            form = form.parent;
-        }
-        return form;
-    }
-    findProvider(control) {
-        return this.formService.findProvider(control);
-    }
-    // --- Lifecycle hooks
-    ngAfterContentInit() {
-        this.wrapperTemplate = this.wrapperTemplate || this.cWrapperTemplate;
-        this.fieldSetTemplate = this.fieldSetTemplate || this.cFieldSetTemplate;
-        this.controlTemplate = this.controlTemplate || this.cControlTemplate;
-        this.controlTemplates = this.filterTemplates(this.controlTemplates, "control");
-        this.labelTemplates = this.filterTemplates(this.labelTemplates, "label");
-        this.inputTemplates = this.filterTemplates(this.inputTemplates, "input");
-        this.prefixTemplates = this.filterTemplates(this.prefixTemplates, "prefix");
-        this.suffixTemplates = this.filterTemplates(this.suffixTemplates, "suffix");
-        this.setPrefixTemplates = this.filterTemplates(this.setPrefixTemplates, "setPrefix");
-        this.setSuffixTemplates = this.filterTemplates(this.setSuffixTemplates, "setSuffix");
-    }
-    filterTemplates(templates, type) {
-        if (ObjectUtils.isObject(templates) && Object.keys(templates).length > 0)
-            return templates;
-        return this.templates.filter(t => !!t[type]).reduce((result, directive) => {
-            result[directive[type]] = directive.template;
-            return result;
-        }, {});
-    }
-}
-DynamicFormBaseComponent.decorators = [
-    { type: Directive }
-];
-DynamicFormBaseComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DynamicFormService }
-];
-DynamicFormBaseComponent.propDecorators = {
-    name: [{ type: Input }],
-    readonly: [{ type: Input }],
-    updateOn: [{ type: Input }],
-    classes: [{ type: Input }],
-    parent: [{ type: Input }],
-    wrapperTemplate: [{ type: Input }],
-    fieldSetTemplate: [{ type: Input }],
-    controlTemplate: [{ type: Input }],
-    controlTemplates: [{ type: Input }],
-    labelTemplates: [{ type: Input }],
-    inputTemplates: [{ type: Input }],
-    prefixTemplates: [{ type: Input }],
-    suffixTemplates: [{ type: Input }],
-    setPrefixTemplates: [{ type: Input }],
-    setSuffixTemplates: [{ type: Input }],
-    onChange: [{ type: Output }],
-    onStatusChange: [{ type: Output }],
-    onInit: [{ type: Output }],
-    onSubmit: [{ type: Output }],
-    prefixTemplate: [{ type: ContentChild, args: ["prefixTemplate",] }],
-    suffixTemplate: [{ type: ContentChild, args: ["suffixTemplate",] }],
-    templates: [{ type: ContentChildren, args: [DynamicFormTemplateDirective,] }],
-    cWrapperTemplate: [{ type: ContentChild, args: ["wrapperTemplate",] }],
-    cFieldSetTemplate: [{ type: ContentChild, args: ["fieldSetTemplate",] }],
-    cControlTemplate: [{ type: ContentChild, args: ["controlTemplate",] }]
-};
-
-class DynamicFormComponent extends DynamicFormBaseComponent {
-    constructor(cdr, forms) {
-        super(cdr, forms);
-        this.group = new DynamicFormGroup(this);
-        this.defaultFieldSet = {
-            id: "",
-            title: "",
-            classes: ""
-        };
-    }
-    get status() {
-        return this.group.state;
-    }
-    get formControls() {
-        return this.group.formControls;
-    }
-    // --- Lifecycle hooks
-    ngOnChanges(changes) {
-        if (!this.data)
-            return;
-        if (changes.data || changes.controls || changes.serializers || changes.formGroup) {
-            if (this.group.id)
-                return;
-            this.group.setup(this.data, this);
-            this.group.reloadControls();
-        }
-    }
-    // --- Custom ---
-    onFormSubmit() {
-        const root = this.root;
-        root.validate().then(() => root.onSubmit.emit(this), () => { });
-    }
-    // --- IDynamicForm ---
-    validate(showErrors = true) {
-        return new Promise((resolve, reject) => {
-            this.group.statusChanges.pipe(first(status => status == "VALID" || status == "INVALID")).subscribe(status => {
-                if (showErrors)
-                    this.group.showErrors();
-                if (status == "VALID") {
-                    resolve(null);
-                    return;
-                }
-                reject(null);
-            });
-            this.group.updateValueAndValidity();
-        });
-    }
-    serialize(validate) {
-        return new Promise((resolve, reject) => {
-            const serialize = () => {
-                this.group.serialize().then(resolve);
-            };
-            if (validate) {
-                this.validate().then(serialize, reject);
-                return;
-            }
-            serialize();
-        });
-    }
-    check() {
-        return this.group.check();
-    }
-    getControl(id) {
-        return this.group.getControl(id);
-    }
-}
-DynamicFormComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form, [dynamic-form]",
-                template: "<ng-template #defaultFieldSetTemplate let-id=\"id\" let-controls=\"controls\" let-fieldSet=\"fieldSet\">\r\n    <div [ngClass]=\"['form-fields', 'form-fields-' + id, fieldSet.classes]\">\r\n        <ng-container [ngxTemplateOutlet]=\"setPrefixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n        <div *ngIf=\"fieldSet.title\" [ngClass]=\"['form-title', fieldSet.titleClasses || '']\">\r\n            {{ group.prefix + fieldSet.title | translate }}\r\n        </div>\r\n        <ng-template #subControls>\r\n            <ng-container *ngFor=\"let control of controls\" [form-group]=\"control\" [visible]=\"control.visible\" [form]=\"this\">\r\n\r\n            </ng-container>\r\n        </ng-template>\r\n        <div *ngIf=\"fieldSet.setClasses; else subControls\" [ngClass]=\"fieldSet.setClasses\">\r\n            <div *ngIf=\"fieldSet.controlClasses; else subControls\" [ngClass]=\"fieldSet.controlClasses\">\r\n                <ng-container [ngTemplateOutlet]=\"subControls\"></ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-container [ngxTemplateOutlet]=\"setSuffixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fieldSetsTemplate>\r\n    <ng-container *ngFor=\"let fs of formControls | groupBy:'data.fieldSet'\"\r\n                  [ngxTemplateOutlet]=\"fieldSetTemplate || defaultFieldSetTemplate\"\r\n                  [context]=\"{form: this, id: fs.group, controls: fs.items, fieldSet: group.formFields[fs.group] || defaultFieldSet}\">\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #defaultWrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n    <form class=\"dynamic-form\" [ngClass]=\"form.classes || ''\" [formGroup]=\"group\" (submit)=\"onFormSubmit()\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n        <ng-content></ng-content>\r\n        <div *ngIf=\"form.status == 'PENDING'\" class=\"dynamic-form-validator\">\r\n            {{ group.prefix + 'message.pending' | translate }}\r\n        </div>\r\n        <button [ngStyle]=\"{display: 'none'}\">Submit</button>\r\n    </form>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n</ng-template>\r\n<ng-template #loadingTemplate>\r\n    <div *ngIf=\"status == 'LOADING'\" class=\"dynamic-form-loader\">\r\n        {{ group.prefix + 'message.loading' | translate }}\r\n    </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this, fieldSetsTemplate: fieldSetsTemplate}\"\r\n              *ngIf=\"status !== 'LOADING'; else loadingTemplate\">\r\n</ng-container>\r\n",
-                providers: [{ provide: DynamicFormBaseComponent, useExisting: DynamicFormComponent }]
-            },] }
-];
-DynamicFormComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DynamicFormService }
-];
-DynamicFormComponent.propDecorators = {
-    group: [{ type: Input }],
-    controls: [{ type: Input }],
-    serializers: [{ type: Input }],
-    fieldSets: [{ type: Input }],
-    data: [{ type: Input }]
-};
-
-const statusPriority = ["LOADING", "PENDING", "DISABLED", "INVALID"];
-class DynamicFormsComponent extends DynamicFormBaseComponent {
-    constructor(cdr, formService) {
-        super(cdr, formService);
-        this.formPrefixTemplates = {};
-        this.formSuffixTemplates = {};
-        this.innerFormPrefixTemplates = {};
-        this.innerFormSuffixTemplates = {};
-    }
-    get status() {
-        for (let i = 0; i < statusPriority.length; i++) {
-            const status = statusPriority[i];
-            if (this.checkForms(f => f.status == status))
-                return status;
-        }
-        return "VALID";
-    }
-    // --- Lifecycle hooks
-    ngAfterContentInit() {
-        super.ngAfterContentInit();
-        this.containerTemplate = this.containerTemplate || this.cContainerTemplate;
-        this.formPrefixTemplates = this.filterTemplates(this.formPrefixTemplates, "formPrefix");
-        this.formSuffixTemplates = this.filterTemplates(this.formSuffixTemplates, "formSuffix");
-        this.innerFormPrefixTemplates = this.filterTemplates(this.innerFormPrefixTemplates, "innerFormPrefix");
-        this.innerFormSuffixTemplates = this.filterTemplates(this.innerFormSuffixTemplates, "innerFormSuffix");
-    }
-    ngOnChanges(changes) {
-        this.configs = this.createFormGroups(this.data);
-    }
-    // --- IDynamicFormBase ---
-    validate(showErrors = true) {
-        if (!this.forms)
-            return Promise.reject(null);
-        return Promise.all(this.forms.map(f => f.validate(showErrors)));
-    }
-    serialize(validate) {
-        if (!this.forms)
-            return validate ? Promise.reject(null) : Promise.resolve({});
-        return new Promise((resolve, reject) => {
-            const promises = this.forms.map(f => f.serialize(validate));
-            Promise.all(promises).then(results => {
-                let result = {};
-                results.forEach((data, ix) => {
-                    const config = this.data[ix];
-                    let path = null;
-                    if (ObjectUtils.isArray(config.path) && config.path.length > 0) {
-                        path = config.path;
-                    }
-                    else if (ObjectUtils.isString(config.path) && config.path.length > 0) {
-                        path = config.path.split(".");
-                    }
-                    else if (ObjectUtils.isNumber(config.path)) {
-                        path = [config.path];
-                    }
-                    if (!path) {
-                        result = ObjectUtils.assign(result, data);
-                        return;
-                    }
-                    result = ObjectUtils.mapToPath(result, data, path.map(p => `${p}`));
-                });
-                resolve(result);
-            }, reject);
-        });
-    }
-    check() {
-        if (!this.forms)
-            return Promise.resolve(null);
-        return Promise.all(this.forms.map(t => t.check()));
-    }
-    getControl(id) {
-        return this.getFromValue(f => f.getControl(id));
-    }
-    checkForms(check) {
-        this.cdr.detectChanges();
-        if (!this.forms)
-            return false;
-        return ObjectUtils.isDefined(this.forms.find(check));
-    }
-    getFromValue(check) {
-        if (!this.forms)
-            return null;
-        let value = null;
-        this.forms.find(f => {
-            value = check(f);
-            return ObjectUtils.isDefined(value);
-        });
-        return value;
-    }
-    createFormGroups(configs) {
-        return (configs || []).map((c) => {
-            if (c.multi)
-                return c;
-            const config = c;
-            const group = new DynamicFormGroup(this, {
-                id: config.id || UniqueUtils.uuid(),
-                type: "model",
-                data: config.controlData
-            });
-            config.group = group;
-            config.name = config.name || this.name;
-            group.setup(config.data, config);
-            group.reloadControls();
-            return config;
-        });
-    }
-}
-DynamicFormsComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-forms, [dynamic-forms]",
-                template: "<ng-template #configTemplate let-formTemplate=\"formTemplate\" let-form=\"form\" let-config=\"config\" let-configTemplate>\r\n    <div [ngClass]=\"config.classes || ''\">\r\n        <ng-container [ngTemplateOutlet]=\"formPrefixTemplates[config.id]\"\r\n                      [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n        <ng-template #singleFormTemplate>\r\n            <div dynamic-form\r\n                 [hidden]=\"!config.group?.visible\"\r\n                 [ngClass]=\"config.formClasses || ''\"\r\n                 [name]=\"config.name || form.name\"\r\n                 [readonly]=\"form.readonly\"\r\n                 [updateOn]=\"form.updateOn\"\r\n                 [classes]=\"config.innerFormClasses\"\r\n                 [parent]=\"form\"\r\n\r\n                 [wrapperTemplate]=\"form.wrapperTemplate\"\r\n                 [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n                 [controlTemplates]=\"form.controlTemplates\"\r\n\r\n                 [controlTemplate]=\"form.controlTemplate\"\r\n                 [labelTemplates]=\"form.labelTemplates\"\r\n                 [inputTemplates]=\"form.inputTemplates\"\r\n                 [prefixTemplates]=\"form.prefixTemplates\"\r\n                 [suffixTemplates]=\"form.suffixTemplates\"\r\n                 [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n                 [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n                 [group]=\"config.group\"\r\n                 [fieldSets]=\"config.fieldSets\">\r\n                <ng-template #prefixTemplate let-subForm=\"form\">\r\n                    <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n                                  [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n                </ng-template>\r\n                <ng-template #suffixTemplate let-subForm=\"form\">\r\n                    <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n                                  [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n                </ng-template>\r\n            </div>\r\n        </ng-template>\r\n        <div dynamic-forms\r\n             [ngClass]=\"config.formClasses || ''\"\r\n             [name]=\"config.name || name\"\r\n             [readonly]=\"form.readonly\"\r\n             [updateOn]=\"form.updateOn\"\r\n             [classes]=\"config.innerFormClasses\"\r\n             [parent]=\"form\"\r\n\r\n             [wrapperTemplate]=\"form.wrapperTemplate\"\r\n             [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n             [controlTemplates]=\"form.controlTemplates\"\r\n\r\n             [controlTemplate]=\"form.controlTemplate\"\r\n             [labelTemplates]=\"form.labelTemplates\"\r\n             [inputTemplates]=\"form.inputTemplates\"\r\n             [prefixTemplates]=\"form.prefixTemplates\"\r\n             [suffixTemplates]=\"form.suffixTemplates\"\r\n             [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n             [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n             [data]=\"config.data\"\r\n             [containerTemplate]=\"form.containerTemplate\"\r\n             [formPrefixTemplates]=\"form.formPrefixTemplates\"\r\n             [formSuffixTemplates]=\"form.formSuffixTemplates\"\r\n             [innerFormPrefixTemplates]=\"form.innerFormPrefixTemplates\"\r\n             [innerFormSuffixTemplates]=\"form.innerFormSuffixTemplates\"\r\n\r\n             *ngIf=\"config.multi; else singleFormTemplate\">\r\n            <ng-template #prefixTemplate let-subForm=\"form\">\r\n                <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n                              [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #suffixTemplate let-subForm=\"form\">\r\n                <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n                              [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n            </ng-template>\r\n        </div>\r\n        <ng-container [ngTemplateOutlet]=\"formSuffixTemplates[config.id]\"\r\n                      [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n<ng-template let-form=\"form\" let-configTemplate=\"configTemplate\" #defaultContainerTemplate>\r\n    <div class=\"dynamic-forms\" [ngClass]=\"classes || ''\">\r\n        <ng-container *ngFor=\"let config of form.configs\"\r\n                      [ngTemplateOutlet]=\"configTemplate\"\r\n                      [ngTemplateOutletContext]=\"{form: form, config: config}\"></ng-container>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"containerTemplate || defaultContainerTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this, configTemplate: configTemplate, defaultContainerTemplate: defaultContainerTemplate}\">\r\n</ng-container>\r\n<ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n",
-                providers: [{ provide: DynamicFormBaseComponent, useExisting: DynamicFormsComponent }]
-            },] }
-];
-DynamicFormsComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DynamicFormService }
-];
-DynamicFormsComponent.propDecorators = {
-    data: [{ type: Input }],
-    containerTemplate: [{ type: Input }],
-    formPrefixTemplates: [{ type: Input }],
-    formSuffixTemplates: [{ type: Input }],
-    innerFormPrefixTemplates: [{ type: Input }],
-    innerFormSuffixTemplates: [{ type: Input }],
-    cContainerTemplate: [{ type: ContentChild, args: ["containerTemplate",] }],
-    forms: [{ type: ViewChildren, args: [DynamicFormBaseComponent,] }]
-};
-
-class DynamicFormGroupComponent {
-    get classes() {
-        if (!this.control)
-            return "form-group";
-        return ["form-group", "form-group-" + this.control.id, this.control.data.classes, this.control.errors && this.control.touched ? "form-group-invalid" : ""].join(" ");
-    }
-}
-DynamicFormGroupComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "div[dynamic-form-group]",
-                template: "<ng-template #labelTemplate>\r\n    <label [ngClass]=\"'control-label control-label-' + control.data.labelAlign\" [attr.for]=\"control.formId\">\r\n        {{ control.label | translate: control.model }}\r\n    </label>\r\n</ng-template>\r\n<ng-template #errorTemplate>\r\n    <div class=\"error-message\" *ngIf=\"control.errors && control.touched\">\r\n        <span class=\"help-block\" *ngFor=\"let error of control.errors | entries\">\r\n            {{ error.key | translate: error.value }}\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n<ng-template #inputTemplate let-control=\"control\">\r\n    <ng-container [form-control]=\"control\"></ng-container>\r\n</ng-template>\r\n<ng-template #defaultControlTemplate\r\n             let-context\r\n             let-control=\"control\"\r\n             let-data=\"control.data\"\r\n             let-labelTemplate=\"labelTemplate\"\r\n             let-inputTemplate=\"inputTemplate\"\r\n             let-prefixTemplate=\"prefixTemplate\"\r\n             let-suffixTemplate=\"suffixTemplate\"\r\n             let-errorTemplate=\"errorTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'left'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"inputTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'right'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-container [ngxTemplateOutlet]=\"form.controlTemplates[control.id] || form.controlTemplate || defaultControlTemplate\"\r\n              [context]=\"{\r\n                    control: control,\r\n                    labelTemplate: form.labelTemplates[control.id] || labelTemplate,\r\n                    inputTemplate: form.inputTemplates[control.id] || inputTemplate,\r\n                    prefixTemplate: form.prefixTemplates[control.id],\r\n                    suffixTemplate: form.suffixTemplates[control.id],\r\n                    errorTemplate: errorTemplate\r\n                  }\">\r\n</ng-container>\r\n"
-            },] }
-];
-DynamicFormGroupComponent.propDecorators = {
-    classes: [{ type: HostBinding, args: ["class",] }]
-};
-
-class DynamicFormFileComponent extends FormControlComponent {
-    constructor(api, toaster) {
-        super();
-        this.api = api;
-        this.toaster = toaster;
-        this.fileImageCache = [];
-    }
-    // Acceptor for provider
-    static acceptor(control) {
-        return control.type == "file";
-    }
-    // Loader for provider
-    static loader() {
-        return Promise.resolve();
-    }
-    onSelect(input) {
-        this.processFiles(input.files);
-        input.value = "";
-    }
-    processFiles(fileList) {
-        const files = [];
-        const accept = this.data.accept;
-        const types = ObjectUtils.isString(accept) && accept.length > 0 ? accept.toLowerCase().split(",") : null;
-        if (fileList.length == 0)
-            return;
-        for (let i = 0; i < fileList.length; i++) {
-            const file = fileList.item(i);
-            const type = file.type.toLowerCase();
-            const ext = FileUtils.getExtension(file);
-            if (types && !ArrayUtils.has(types, type, ext))
-                continue;
-            files.push(file);
-        }
-        if (files.length == 0) {
-            this.toaster.error("message.error.wrong-files");
-            return;
-        }
-        this.upload(files);
-    }
-    upload(files) {
-        const single = !this.data.multi;
-        if (single)
-            files.length = Math.min(files.length, 1);
-        const promises = [];
-        files.forEach((file, ix) => {
-            if (this.data.asDataUrl) {
-                promises.push(FileUtils.readFileAsDataURL(file));
-                return;
-            }
-            if (this.data.asFile) {
-                promises.push(Promise.resolve(file));
-                return;
-            }
-            promises.push(this.api.upload(this.data.uploadUrl, this.data.createUploadData(file), console.log, this.data.uploadOptions).then(asset => asset._id || asset, () => null));
-        });
-        Promise.all(promises).then(assets => {
-            if (single) {
-                this.control.setValue(assets[0]);
-                return;
-            }
-            const current = this.value || [];
-            this.control.setValue(current.concat(assets.filter(t => !!t)));
-        });
-    }
-    delete(index) {
-        if (this.data.multi) {
-            const current = Array.from(this.value || []);
-            current.splice(index, 1);
-            this.control.setValue(current);
-            return;
-        }
-        this.control.setValue(null);
-    }
-    getUrl(image) {
-        return `url('${this.getImgUrl(image)}')`;
-    }
-    getImgUrl(image) {
-        if (ObjectUtils.isBlob(image)) {
-            let cache = this.fileImageCache.find(t => t.file == image);
-            if (!cache) {
-                cache = { file: image, url: URL.createObjectURL(image) };
-                this.fileImageCache.push(cache);
-            }
-            return cache.url;
-        }
-        const url = !image ? null : image.imageUrl || image;
-        if (!ObjectUtils.isString(url))
-            return null;
-        if (url.startsWith("data:"))
-            return url;
-        if (!this.data.baseUrl) {
-            const subUrl = url.startsWith("/") ? url.substr(1) : url;
-            return this.api.url(subUrl);
-        }
-        return this.api.url(`${this.data.baseUrl}${url}`);
-    }
-}
-DynamicFormFileComponent.decorators = [
-    { type: Component, args: [{
-                selector: "dynamic-form-file",
-                template: "<div class=\"upload\">\r\n    <input type=\"file\" (change)=\"onSelect($event.target)\" [attr.accept]=\"data.accept\" multiple=\"multiple\"/>\r\n    <ul class=\"images\" *ngIf=\"!data.multi\">\r\n        <li class=\"image\" *ngIf=\"value\" [ngStyle]=\"{backgroundImage: getUrl(value)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete()\"></a>\r\n        </li>\r\n    </ul>\r\n    <ul class=\"images\" *ngIf=\"data.multi\">\r\n        <li class=\"image\" *ngFor=\"let image of value; let i = index\" [ngStyle]=\"{backgroundImage: getUrl(image)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete(i)\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n",
-                styles: [".upload{display:inline-block}.upload ul{display:inline-flex;list-style:none;margin:10px 0 0;padding:0}.upload ul li{height:100px;width:100px;background:repeating-linear-gradient(45deg,gray,gray 10px,lightgray 10px,lightgray 20px) center center;background-size:cover;border:1px gray solid;margin-right:5px;position:relative}.upload .btn-delete{background:linear-gradient(to bottom,#c8607a,#a64d5a);border-color:#a64d5a;color:#fff;position:absolute;padding:0;right:5px;top:5px;width:20px;height:20px}.upload .btn-delete:before{color:#fff;display:block;position:absolute;top:0;right:6px;content:\"x\"}\n"]
-            },] }
-];
-DynamicFormFileComponent.ctorParameters = () => [
-    { type: ApiService },
-    { type: undefined, decorators: [{ type: Inject, args: [TOASTER_SERVICE,] }] }
-];
-
-class DynamicFormInputComponent extends FormControlComponent {
-    constructor(language) {
-        super();
-        this.language = language;
-    }
-    // Acceptor for provider
-    static acceptor(control) {
-        return control.type == "input";
-    }
-    // Loader for provider
-    static loader() {
-        return Promise.resolve();
-    }
-    get isChecked() {
-        return this.data.type == "checkbox" && this.value;
-    }
-    onDateChange(value) {
-        const date = new Date(value);
-        const dateValue = date.valueOf();
-        if (isNaN(dateValue) || dateValue < -30610224000000)
-            return;
-        this.control.setValue(date);
-    }
-    onTextChange(value) {
-        if (!this.data.useLanguage) {
-            this.control.setValue(value);
-            return;
-        }
-        const translations = ObjectUtils.isArray(this.value) ? Array.from(this.value) : [];
-        const translation = translations.find(t => t.lang == this.language.editLanguage);
-        if (translation) {
-            translation.translation = value;
-        }
-        else {
-            translations.push({
-                lang: this.language.editLanguage,
-                translation: value
-            });
-        }
-        this.control.setValue(translations);
-    }
-    onNumberBlur() {
-        const value = this.value;
-        if (ObjectUtils.isNumber(this.data.max) && this.data.max < value) {
-            this.control.setValue(this.data.max);
-        }
-        else if (ObjectUtils.isNumber(this.data.min) && this.data.min > value) {
-            this.control.setValue(this.data.min);
-        }
-        this.control.onBlur();
-    }
-}
-DynamicFormInputComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-input",
-                template: "<ng-container [ngSwitch]=\"data.type\">\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n        <textarea class=\"form-control\"\r\n                  rows=\"5\"\r\n                  [attr.autocomplete]=\"data.autocomplete\"\r\n                  [id]=\"control.formId\"\r\n                  [name]=\"control.formId\"\r\n                  [ngClass]=\"{disabled: control.disabled}\"\r\n                  [disabled]=\"control.disabled\"\r\n                  [ngModel]=\"value\"\r\n                  (ngModelChange)=\"control.setValue($event)\"\r\n                  (blur)=\"control.onBlur()\"\r\n                  (focus)=\"control.onFocus()\">{{ data.placeholder | translate }}</textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n        <input class=\"form-control\"\r\n               type=\"date\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value | date: 'y-MM-dd'\"\r\n               (ngModelChange)=\"onDateChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'number'\">\r\n        <input class=\"form-control\"\r\n               type=\"number\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [min]=\"data.min\"\r\n               [max]=\"data.max\"\r\n               [step]=\"data.step\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"onNumberBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n        <input class=\"form-control\"\r\n               type=\"checkbox\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'text'\">\r\n        <input class=\"form-control\"\r\n               type=\"text\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"data.useLanguage ? (value | translate) : value\"\r\n               (ngModelChange)=\"onTextChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <input class=\"form-control\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [type]=\"data.type\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n</ng-container>\r\n"
-            },] }
-];
-DynamicFormInputComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [LANGUAGE_SERVICE,] }] }
-];
-DynamicFormInputComponent.propDecorators = {
-    isChecked: [{ type: HostBinding, args: ["class.checked",] }]
-};
-
-class DynamicFormSelectComponent extends FormControlComponent {
-    // Acceptor for provider
-    static acceptor(control) {
-        return control.type == "select";
-    }
-    // Loader for provider
-    static loader(control) {
-        const data = control.getData();
-        if (data.type == "radio" && data.multi) {
-            return Promise.reject("Radio group doesn't support multi select!");
-        }
-        return new Promise(resolve => {
-            const getOptions = ReflectUtils.resolve(data.options, control.form.injector);
-            getOptions(control).then(options => {
-                if (data.emptyOption)
-                    options.unshift({ id: null, label: "" });
-                control.meta.options = options;
-                DynamicFormSelectComponent.fillOptions(control, options);
-                resolve(options);
-            });
-        });
-    }
-    static fillOptions(control, options) {
-        const data = control.getData();
-        const selected = control.value;
-        if (data.multi || options.length == 0 || options.findIndex(t => t.id == selected) >= 0)
-            return;
-        control.setValue(options[0].id);
-    }
-    onSelectChange(value) {
-        const isArray = ObjectUtils.isArray(value);
-        const current = this.value;
-        if (this.data.multi) {
-            if (isArray) {
-                this.control.setValue(value);
-                return;
-            }
-            if (ObjectUtils.isArray(current)) {
-                this.control.setValue(current.indexOf(value) < 0
-                    ? current.concat([value])
-                    : current.filter(c => c !== value));
-                return;
-            }
-            this.control.setValue([value]);
-            return;
-        }
-        if (isArray)
-            value = value[0];
-        if (current == value) {
-            const option = this.meta.options.find(o => o.id !== value);
-            value = option ? option.id : null;
-        }
-        this.control.setValue(value);
-    }
-    checkValue(option) {
-        const value = this.value;
-        return ObjectUtils.isArray(value) ? value.indexOf(option.id) >= 0 : option.id == value;
-    }
-    findOption(option, index, id) {
-        return option.id == id;
-    }
-}
-DynamicFormSelectComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-select",
-                template: "<ng-template #selectTemplate let-selected=\"selected\">\r\n    <select class=\"form-control\"\r\n            [multiple]=\"data.multi\"\r\n            [id]=\"control.formId\"\r\n            [name]=\"control.formId\"\r\n            [ngClass]=\"{disabled: control.disabled}\"\r\n            [disabled]=\"control.disabled\"\r\n            [ngModel]=\"data.multi ? value : [value]\"\r\n            (ngModelChange)=\"onSelectChange($event)\"\r\n            (blur)=\"control.onBlur()\"\r\n            (focus)=\"control.onFocus()\">\r\n        <option *ngFor=\"let option of meta.options\" [value]=\"option.id\" [disabled]=\"option.selectable == false\">\r\n            {{ option.label | translate }}\r\n        </option>\r\n    </select>\r\n    <label class=\"form-control-description\" [attr.for]=\"control.formId\" *ngIf=\"!data.multi && selected?.description\">\r\n        {{ selected?.description | translate }}\r\n    </label>\r\n</ng-template>\r\n<ng-container [ngSwitch]=\"data.type\">\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n        <ul class=\"radio-group\">\r\n            <li *ngFor=\"let option of meta.options\" class=\"radio\">\r\n                <label [ngClass]=\"{checked: value == option.id}\">\r\n                    <input type=\"radio\"\r\n                           [id]=\"control.formId + '-' + option.id\"\r\n                           [name]=\"control.formId + '-' + option.id\"\r\n                           [ngClass]=\"{disabled: control.disabled}\"\r\n                           [disabled]=\"control.disabled || option.selectable == false\"\r\n                           [value]=\"option.id\"\r\n                           [ngModel]=\"value\"\r\n                           (ngModelChange)=\"onSelectChange(option.id)\"\r\n                           (blur)=\"control.onBlur()\"\r\n                           (focus)=\"control.onFocus()\">\r\n                    {{ option.label | translate }}\r\n                </label>\r\n            </li>\r\n        </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n        <ul class=\"checkbox-group\">\r\n            <li *ngFor=\"let option of meta.options\" class=\"checkbox\">\r\n                <label [ngClass]=\"{checked: checkValue(option)}\">\r\n                    <input type=\"checkbox\"\r\n                           [id]=\"control.formId + '-' + option.id\"\r\n                           [name]=\"control.formId + '-' + option.id\"\r\n                           [ngClass]=\"{disabled: control.disabled}\"\r\n                           [disabled]=\"control.disabled || option.selectable == false\"\r\n                           [ngModel]=\"checkValue(option)\"\r\n                           (ngModelChange)=\"onSelectChange(option.id)\"\r\n                           (blur)=\"control.onBlur()\"\r\n                           (focus)=\"control.onFocus()\">\r\n                    {{ option.label | translate }}\r\n                </label>\r\n            </li>\r\n        </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"selectTemplate\" [ngTemplateOutletContext]=\"{selected: meta?.options | find:findOption:value}\">\r\n\r\n    </ng-container>\r\n</ng-container>\r\n"
-            },] }
-];
-
-class DynamicFormStaticComponent extends FormControlComponent {
-    // Acceptor for provider
-    static acceptor(control) {
-        return control.type == "static";
-    }
-    // Loader for provider
-    static loader() {
-        return Promise.resolve();
-    }
-}
-DynamicFormStaticComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-static",
-                template: "<unordered-list [listStyle]=\"data.style\" [ngClass]=\"{disabled: control.disabled}\"\r\n                [data]=\"!data.properties ? {value: value} : data.properties | remap: value\">\r\n    <ng-template [type]=\"!data.properties ? 'key' : null\" selector=\"level == 0\" let-item=\"item\"></ng-template>\r\n    <ng-template type=\"value\" selector=\"valueType == 'date'\" let-item=\"item\">\r\n        {{ item.value | date }}\r\n    </ng-template>\r\n</unordered-list>\r\n"
-            },] }
-];
-
-class DynamicFormModelComponent extends FormControlComponent {
-    // Acceptor for provider
-    static acceptor(control) {
-        return control.type == "model";
-    }
-    // Loader for provider
-    static loader() {
-        return Promise.resolve();
-    }
-}
-DynamicFormModelComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-model",
-                template: "<dynamic-form [name]=\"data.name || form.name\"\r\n              [group]=\"control\"\r\n              [data]=\"value\"\r\n              [updateOn]=\"control.updateOn\"\r\n              [parent]=\"form\"\r\n\r\n              [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n              [controlTemplates]=\"form.controlTemplates\"\r\n\r\n              [controlTemplate]=\"form.controlTemplate\"\r\n              [labelTemplates]=\"form.labelTemplates\"\r\n              [inputTemplates]=\"form.inputTemplates\"\r\n              [prefixTemplates]=\"form.prefixTemplates\"\r\n              [suffixTemplates]=\"form.suffixTemplates\"\r\n              [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n              [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n              #subForm>\r\n    <ng-template #wrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n    </ng-template>\r\n</dynamic-form>\r\n"
-            },] }
-];
-DynamicFormModelComponent.propDecorators = {
-    subForm: [{ type: ViewChild, args: ["subForm",] }]
-};
-
-class DynamicFormGroupDirective {
-    constructor(vcr, forms) {
-        this.vcr = vcr;
-        this.forms = forms;
-    }
-    get component() {
-        return this.comp;
-    }
-    ngOnChanges(changes) {
-        if (changes.control || changes.form || changes.visible) {
-            if (!this.visible) {
-                this.vcr.clear();
-                this.comp = null;
-                return;
-            }
-            this.comp = this.forms.createGroup(this.vcr);
-        }
-        if (!this.comp)
-            return;
-        this.comp.form = this.form;
-        this.comp.control = this.control;
-    }
-}
-DynamicFormGroupDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[form-group]",
-            },] }
-];
-DynamicFormGroupDirective.ctorParameters = () => [
-    { type: ViewContainerRef },
-    { type: DynamicFormService }
-];
-DynamicFormGroupDirective.propDecorators = {
-    control: [{ type: Input, args: ["form-group",] }],
-    form: [{ type: Input }],
-    visible: [{ type: Input }]
-};
-
-// --- Components ---
-const components = [
-    DynamicFormsComponent,
-    DynamicFormComponent,
-    DynamicFormGroupComponent,
-    DynamicFormFileComponent,
-    DynamicFormInputComponent,
-    DynamicFormSelectComponent,
-    DynamicFormStaticComponent,
-    DynamicFormModelComponent
-];
-// --- Directives ---
-const directives = [
-    AsyncSubmitDirective,
-    DynamicFormControlDirective,
-    DynamicFormGroupDirective,
-    DynamicFormTemplateDirective
-];
-// --- Pipes ---
-const pipes = [];
-class NgxDynamicFormModule {
-    static forRoot(controlProviders, groupProvider) {
-        return {
-            ngModule: NgxDynamicFormModule,
-            providers: [
-                DynamicFormService,
-                OpenApiService,
-                provideFormControl(DynamicFormFileComponent, DynamicFormFileComponent.acceptor, DynamicFormFileComponent.loader),
-                provideFormControl(DynamicFormInputComponent, DynamicFormInputComponent.acceptor, DynamicFormInputComponent.loader),
-                provideFormControl(DynamicFormSelectComponent, DynamicFormSelectComponent.acceptor, DynamicFormSelectComponent.loader),
-                provideFormControl(DynamicFormStaticComponent, DynamicFormStaticComponent.acceptor, DynamicFormStaticComponent.loader),
-                provideFormControl(DynamicFormModelComponent, DynamicFormModelComponent.acceptor, DynamicFormModelComponent.loader),
-                ...(controlProviders || []),
-                groupProvider || provideFormGroup(DynamicFormGroupComponent)
-            ]
-        };
-    }
-}
-NgxDynamicFormModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ...components,
-                    ...directives,
-                    ...pipes
-                ],
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    NgxUtilsModule
-                ],
-                exports: [
-                    ...components,
-                    ...directives,
-                    ...pipes,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    NgxUtilsModule
-                ],
-                entryComponents: components,
-                providers: pipes
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AsyncSubmitDirective, DynamicFormBaseComponent, DynamicFormComponent, DynamicFormControl, DynamicFormControlDirective, DynamicFormFileComponent, DynamicFormGroup, DynamicFormGroupComponent, DynamicFormInputComponent, DynamicFormModelComponent, DynamicFormSelectComponent, DynamicFormService, DynamicFormStaticComponent, DynamicFormTemplateDirective, DynamicFormsComponent, FORM_CONTROL_PROVIDER, FormControlComponent, FormFieldSet, FormFile, FormInput, FormModel, FormSelect, FormSerializable, FormStatic, FormUtilities, NgxDynamicFormModule, OpenApiService, createFormControl, createFormInput, createFormModel, createFormSelect, createFormStatic, defaultSerializer, defineFormControl, getFormControl, getFormFieldSets, getFormSerializer, provideFormControl, provideFormGroup, FORM_GROUP_TYPE as ɵa, components as ɵb, directives as ɵc, pipes as ɵd, DynamicFormGroupDirective as ɵe };
-//# sourceMappingURL=stemy-ngx-dynamic-form.js.map