@apipass/schemas 0.2.1-alpha.4 → 0.2.1-test.2

package/bundles/apipass-schemas.umd.js

@@ -4,1963 +4,2011 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.apipass = global.apipass || {}, global.apipass.schemas = {}), global.ng.core, global.ng.common, global.ng.forms, global.i7, global.ng.material.tooltip, global.i2, global.i8, global.ng.cdk.bidi, global.ng.cdk.scrolling));
 }(this, (function (exports, i0, i1, i3, i7, i4, i2, i8, i5, i6) { 'use strict';
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (b.hasOwnProperty(p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, exports) {
-        for (var p in m)
-            if (p !== "default" && !exports.hasOwnProperty(p))
-                __createBinding(exports, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    ;
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (Object.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (b.hasOwnProperty(p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, exports) {
+        for (var p in m)
+            if (p !== "default" && !exports.hasOwnProperty(p))
+                __createBinding(exports, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    ;
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (Object.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
     }
 
-    var BaseSchemaComponent = /** @class */ (function () {
-        function BaseSchemaComponent() {
-            this.modelChange = new i0.EventEmitter();
-        }
-        BaseSchemaComponent.prototype.getSchemaProperties = function () {
-            return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
-        };
-        BaseSchemaComponent.prototype.canRender = function (property) {
-            // tslint:disable-next-line:no-eval
-            property.canRender = (property === null || property === void 0 ? void 0 : property.conditionExpression) ? eval(property.conditionExpression) : true;
-            return property.canRender;
-        };
-        return BaseSchemaComponent;
-    }());
-    BaseSchemaComponent.ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
-    BaseSchemaComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseSchemaComponent, selectors: [["ng-component"]], inputs: { model: "model", schema: "schema" }, outputs: { modelChange: "modelChange" }, decls: 0, vars: 0, template: function BaseSchemaComponent_Template(rf, ctx) { }, encapsulation: 2 });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(BaseSchemaComponent, [{
-                type: i0.Component,
-                args: [{
-                        template: ''
-                    }]
-            }], null, { model: [{
-                    type: i0.Input
-                }], schema: [{
-                    type: i0.Input
-                }], modelChange: [{
-                    type: i0.Output
-                }] });
+    var BaseSchemaComponent = /** @class */ (function () {
+        function BaseSchemaComponent() {
+            this.modelChange = new i0.EventEmitter();
+        }
+        BaseSchemaComponent.prototype.getSchemaProperties = function () {
+            return this.schema.properties instanceof Array ? this.schema.properties : [this.schema.properties];
+        };
+        BaseSchemaComponent.prototype.canRender = function (property) {
+            // tslint:disable-next-line:no-eval
+            console.log('property', property);
+            property.canRender = (property === null || property === void 0 ? void 0 : property.conditionExpression) ? eval(property.conditionExpression) : true;
+            console.log('property.canRender', property.canRender);
+            return property.canRender;
+        };
+        return BaseSchemaComponent;
+    }());
+    BaseSchemaComponent.ɵfac = function BaseSchemaComponent_Factory(t) { return new (t || BaseSchemaComponent)(); };
+    BaseSchemaComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BaseSchemaComponent, selectors: [["ng-component"]], inputs: { model: "model", schema: "schema" }, outputs: { modelChange: "modelChange" }, decls: 0, vars: 0, template: function BaseSchemaComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(BaseSchemaComponent, [{
+                type: i0.Component,
+                args: [{
+                        template: ''
+                    }]
+            }], null, { model: [{
+                    type: i0.Input
+                }], schema: [{
+                    type: i0.Input
+                }], modelChange: [{
+                    type: i0.Output
+                }] });
     })();
 
-    function onDropStruct(event, attr) {
-        var data = event.data;
-        if (!attr) {
-            attr = '';
-        }
-        attr += "{{" + data + "}}";
-        return attr;
+    function onDropStruct(event, attr) {
+        var data = event.data;
+        if (!attr) {
+            attr = '';
+        }
+        attr += "{{" + data + "}}";
+        return attr;
     }
 
-    var _c0 = function () { return { standalone: true }; };
-    function ArraySessionComponent_div_5_div_5_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelementStart(1, "div", 12);
-            i0.ɵɵelementStart(2, "label", 13);
-            i0.ɵɵtext(3, "Loop");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "input", 14);
-            i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r2 = i0.ɵɵnextContext().$implicit; return item_r2.loop = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 15);
-            i0.ɵɵelementStart(6, "label", 13);
-            i0.ɵɵtext(7, "Alias");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "input", 14);
-            i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r2 = i0.ɵɵnextContext().$implicit; return item_r2.alias = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r2 = i0.ɵɵnextContext().$implicit;
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0));
-        }
-    }
-    function ArraySessionComponent_div_5_ng_container_6_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementContainer(0);
-        }
-    }
-    var _c1 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
-    var _c2 = function (a0) { return { $implicit: a0 }; };
-    function ArraySessionComponent_div_5_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r13_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 7);
-            i0.ɵɵelementStart(1, "div", 8);
-            i0.ɵɵtext(2);
-            i0.ɵɵpipe(3, "translate");
-            i0.ɵɵelementStart(4, "i", 9);
-            i0.ɵɵlistener("click", function ArraySessionComponent_div_5_Template_i_click_4_listener() { i0.ɵɵrestoreView(_r13_1); var item_r2 = ctx.$implicit; var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.remove(item_r2); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, ArraySessionComponent_div_5_div_5_Template, 9, 6, "div", 10);
-            i0.ɵɵtemplate(6, ArraySessionComponent_div_5_ng_container_6_Template, 1, 0, "ng-container", 11);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r2 = ctx.$implicit;
-            var index_r3 = ctx.index;
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(3, 5, ctx_r0.removeLabel), " ", index_r3 + 1, " ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", i0.ɵɵpureFunction1(11, _c2, i0.ɵɵpureFunction3(7, _c1, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
-        }
-    }
-    function ArraySessionComponent_button_11_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r15_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 16);
-            i0.ɵɵlistener("click", function ArraySessionComponent_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.addLoop(); });
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "ADD_LOOP"));
-        }
-    }
-    var ArraySessionComponent = /** @class */ (function (_super) {
-        __extends(ArraySessionComponent, _super);
-        function ArraySessionComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.label = '';
-            _this.showAddLoop = true;
-            _this.removeLabel = '';
-            _this.onAdd = new i0.EventEmitter();
-            _this.onAddLoop = new i0.EventEmitter();
-            return _this;
-        }
-        ArraySessionComponent.prototype.add = function () {
-            this.onAdd.next();
-        };
-        ArraySessionComponent.prototype.addLoop = function () {
-            this.onAddLoop.next();
-        };
-        ArraySessionComponent.prototype.remove = function (item) {
-            var values = this.model;
-            var index = values.indexOf(item);
-            values.splice(index, 1);
-            this.model = values;
-        };
-        ArraySessionComponent.prototype.trackByIndex = function (index, obj) {
-            return index;
-        };
-        return ArraySessionComponent;
-    }(BaseSchemaComponent));
-    ArraySessionComponent.ɵfac = function ArraySessionComponent_Factory(t) { return ɵArraySessionComponent_BaseFactory(t || ArraySessionComponent); };
-    ArraySessionComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) {
-            if (rf & 1) {
-                i0.ɵɵcontentQuery(dirIndex, i0.TemplateRef, true, i0.TemplateRef);
-            }
-            if (rf & 2) {
-                var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
-            }
-        }, inputs: { label: "label", showAddLoop: "showAddLoop", removeLabel: "removeLabel" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 9, consts: [[1, "row"], [1, "col-md-12"], [1, "info-label", "bold"], ["class", "subsection-element", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "row", "add-buttons"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", 3, "click"], ["class", "btn btn-outline-primary float-left btn-personal-edit ml-2", 3, "click", 4, "ngIf"], [1, "subsection-element"], [1, "subsection-item-title"], [1, "far", "fa-trash-alt", 3, "click"], ["class", "row", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "col-md-8"], [1, "info-label"], ["type", "text", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "col-md-4"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", "ml-2", 3, "click"]], template: function ArraySessionComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵelementStart(1, "div", 1);
-                i0.ɵɵelementStart(2, "label", 2);
-                i0.ɵɵtext(3);
-                i0.ɵɵpipe(4, "translate");
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(5, ArraySessionComponent_div_5_Template, 7, 13, "div", 3);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(6, "div", 4);
-                i0.ɵɵelementStart(7, "div", 1);
-                i0.ɵɵelementStart(8, "button", 5);
-                i0.ɵɵlistener("click", function ArraySessionComponent_Template_button_click_8_listener() { return ctx.add(); });
-                i0.ɵɵtext(9);
-                i0.ɵɵpipe(10, "translate");
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(11, ArraySessionComponent_button_11_Template, 3, 3, "button", 6);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵadvance(3);
-                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, ctx.label));
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
-                i0.ɵɵadvance(4);
-                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 7, "ADD_ITEM"));
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.showAddLoop);
-            }
-        }, directives: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [".subsection-element[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px 15px 15px}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{align-items:center;background:#eee;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0;display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px;margin-left:-15px;margin-top:-5px;padding:7px 10px 7px 14px;width:calc(100% + 30px)}.subsection-item-title[_ngcontent-%COMP%]   .fa-trash-alt[_ngcontent-%COMP%]{color:red;cursor:pointer}.subsection-item-title[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-weight:700}.add-buttons[_ngcontent-%COMP%]{margin-top:5px}"] });
-    var ɵArraySessionComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ArraySessionComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(ArraySessionComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'array-session',
-                        templateUrl: 'array-session.html',
-                        styleUrls: ['array-session.scss']
-                    }]
-            }], null, { label: [{
-                    type: i0.Input
-                }], showAddLoop: [{
-                    type: i0.Input
-                }], removeLabel: [{
-                    type: i0.Input
-                }], onAdd: [{
-                    type: i0.Output
-                }], onAddLoop: [{
-                    type: i0.Output
-                }], subsectionItem: [{
-                    type: i0.ContentChild,
-                    args: [i0.TemplateRef, { read: i0.TemplateRef }]
-                }] });
+    var _c0 = function () { return { standalone: true }; };
+    function ArraySessionComponent_div_5_div_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelementStart(1, "div", 12);
+            i0.ɵɵelementStart(2, "label", 13);
+            i0.ɵɵtext(3, "Loop");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "input", 14);
+            i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r2 = i0.ɵɵnextContext().$implicit; return item_r2.loop = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 15);
+            i0.ɵɵelementStart(6, "label", 13);
+            i0.ɵɵtext(7, "Alias");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "input", 14);
+            i0.ɵɵlistener("ngModelChange", function ArraySessionComponent_div_5_div_5_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r2 = i0.ɵɵnextContext().$implicit; return item_r2.alias = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r2 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", item_r2.loop)("ngModelOptions", i0.ɵɵpureFunction0(4, _c0));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", item_r2.alias)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0));
+        }
+    }
+    function ArraySessionComponent_div_5_ng_container_6_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainer(0);
+        }
+    }
+    var _c1 = function (a0, a1, a2) { return { items: a0, index: a1, mappingAttributes: a2 }; };
+    var _c2 = function (a0) { return { $implicit: a0 }; };
+    function ArraySessionComponent_div_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r13_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 7);
+            i0.ɵɵelementStart(1, "div", 8);
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementStart(4, "i", 9);
+            i0.ɵɵlistener("click", function ArraySessionComponent_div_5_Template_i_click_4_listener() { i0.ɵɵrestoreView(_r13_1); var item_r2 = ctx.$implicit; var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.remove(item_r2); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, ArraySessionComponent_div_5_div_5_Template, 9, 6, "div", 10);
+            i0.ɵɵtemplate(6, ArraySessionComponent_div_5_ng_container_6_Template, 1, 0, "ng-container", 11);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r2 = ctx.$implicit;
+            var index_r3 = ctx.index;
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(3, 5, ctx_r0.removeLabel), " ", index_r3 + 1, " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", item_r2.mappingAttributes || item_r2.mappingAttributes === "");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.subsectionItem)("ngTemplateOutletContext", i0.ɵɵpureFunction1(11, _c2, i0.ɵɵpureFunction3(7, _c1, ctx_r0.model, index_r3, item_r2.mappingAttributes || item_r2.mappingAttributes === "" ? item_r2.mappingAttributes : item_r2)));
+        }
+    }
+    function ArraySessionComponent_button_11_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r15_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 16);
+            i0.ɵɵlistener("click", function ArraySessionComponent_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.addLoop(); });
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "ADD_LOOP"));
+        }
+    }
+    var ArraySessionComponent = /** @class */ (function (_super) {
+        __extends(ArraySessionComponent, _super);
+        function ArraySessionComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.label = '';
+            _this.showAddLoop = true;
+            _this.removeLabel = '';
+            _this.onAdd = new i0.EventEmitter();
+            _this.onAddLoop = new i0.EventEmitter();
+            return _this;
+        }
+        ArraySessionComponent.prototype.add = function () {
+            this.onAdd.next();
+        };
+        ArraySessionComponent.prototype.addLoop = function () {
+            this.onAddLoop.next();
+        };
+        ArraySessionComponent.prototype.remove = function (item) {
+            var values = this.model;
+            var index = values.indexOf(item);
+            values.splice(index, 1);
+            this.model = values;
+        };
+        ArraySessionComponent.prototype.trackByIndex = function (index, obj) {
+            return index;
+        };
+        return ArraySessionComponent;
+    }(BaseSchemaComponent));
+    ArraySessionComponent.ɵfac = function ArraySessionComponent_Factory(t) { return ɵArraySessionComponent_BaseFactory(t || ArraySessionComponent); };
+    ArraySessionComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ArraySessionComponent, selectors: [["array-session"]], contentQueries: function ArraySessionComponent_ContentQueries(rf, ctx, dirIndex) {
+            if (rf & 1) {
+                i0.ɵɵcontentQuery(dirIndex, i0.TemplateRef, true, i0.TemplateRef);
+            }
+            if (rf & 2) {
+                var _t;
+                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subsectionItem = _t.first);
+            }
+        }, inputs: { label: "label", showAddLoop: "showAddLoop", removeLabel: "removeLabel" }, outputs: { onAdd: "onAdd", onAddLoop: "onAddLoop" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 9, consts: [[1, "row"], [1, "col-md-12"], [1, "info-label", "bold"], ["class", "subsection-element", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "row", "add-buttons"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", 3, "click"], ["class", "btn btn-outline-primary float-left btn-personal-edit ml-2", 3, "click", 4, "ngIf"], [1, "subsection-element"], [1, "subsection-item-title"], [1, "far", "fa-trash-alt", 3, "click"], ["class", "row", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "col-md-8"], [1, "info-label"], ["type", "text", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "col-md-4"], [1, "btn", "btn-outline-primary", "float-left", "btn-personal-edit", "ml-2", 3, "click"]], template: function ArraySessionComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵelementStart(1, "div", 1);
+                i0.ɵɵelementStart(2, "label", 2);
+                i0.ɵɵtext(3);
+                i0.ɵɵpipe(4, "translate");
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(5, ArraySessionComponent_div_5_Template, 7, 13, "div", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(6, "div", 4);
+                i0.ɵɵelementStart(7, "div", 1);
+                i0.ɵɵelementStart(8, "button", 5);
+                i0.ɵɵlistener("click", function ArraySessionComponent_Template_button_click_8_listener() { return ctx.add(); });
+                i0.ɵɵtext(9);
+                i0.ɵɵpipe(10, "translate");
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(11, ArraySessionComponent_button_11_Template, 3, 3, "button", 6);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(3);
+                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, ctx.label));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngForOf", ctx.model)("ngForTrackBy", ctx.trackByIndex);
+                i0.ɵɵadvance(4);
+                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 7, "ADD_ITEM"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.showAddLoop);
+            }
+        }, directives: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [".subsection-element[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;border-radius:5px;margin-top:10px;padding:5px 15px 15px}.subsection-element[_ngcontent-%COMP%]:first-child{margin-top:0!important}.btn-personal-edit[_ngcontent-%COMP%]{margin:5px 0}.subsection-item-title[_ngcontent-%COMP%]{align-items:center;background:#eee;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0;display:flex;font-weight:700;justify-content:space-between;margin-bottom:5px;margin-left:-15px;margin-top:-5px;padding:7px 10px 7px 14px;width:calc(100% + 30px)}.subsection-item-title[_ngcontent-%COMP%]   .fa-trash-alt[_ngcontent-%COMP%]{color:red;cursor:pointer}.subsection-item-title[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-weight:700}.add-buttons[_ngcontent-%COMP%]{margin-top:5px}"] });
+    var ɵArraySessionComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(ArraySessionComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ArraySessionComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'array-session',
+                        templateUrl: 'array-session.html',
+                        styleUrls: ['array-session.scss']
+                    }]
+            }], null, { label: [{
+                    type: i0.Input
+                }], showAddLoop: [{
+                    type: i0.Input
+                }], removeLabel: [{
+                    type: i0.Input
+                }], onAdd: [{
+                    type: i0.Output
+                }], onAddLoop: [{
+                    type: i0.Output
+                }], subsectionItem: [{
+                    type: i0.ContentChild,
+                    args: [i0.TemplateRef, { read: i0.TemplateRef }]
+                }] });
     })();
 
-    function SchemaFormComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r4_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵelementStart(1, "schema-input", 2);
-            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_input_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r4_1); var ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.model = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "schema-object", 2);
-            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_object_modelChange_2_listener($event) { i0.ɵɵrestoreView(_r4_1); var ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.model = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "schema-array", 2);
-            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_0_Template_schema_array_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r4_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.model = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var schema_r1 = ctx.$implicit;
-            var i_r2 = ctx.index;
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schema", schema_r1)("editing", ctx_r0.editing)("index", i_r2);
-        }
-    }
-    var SchemaFormComponent = /** @class */ (function (_super) {
-        __extends(SchemaFormComponent, _super);
-        function SchemaFormComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.schemas = [];
-            _this.customProperties = false;
-            _this.editing = false;
-            _this.loaded = false;
-            return _this;
-        }
-        SchemaFormComponent.prototype.ngAfterContentInit = function () {
-            this.loaded = true;
-        };
-        SchemaFormComponent.prototype.onDrop = function ($event, modelElement) {
-            return onDropStruct($event, modelElement);
-        };
-        SchemaFormComponent.prototype.getId = function (index) {
-            return this.idPrefix + "-struct-" + index;
-        };
-        return SchemaFormComponent;
-    }(BaseSchemaComponent));
-    SchemaFormComponent.ɵfac = function SchemaFormComponent_Factory(t) { return ɵSchemaFormComponent_BaseFactory(t || SchemaFormComponent); };
-    SchemaFormComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaFormComponent_div_0_Template, 4, 15, "div", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngForOf", ctx.schemas);
-            }
-        }, styles: [""] });
-    var ɵSchemaFormComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaFormComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaFormComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-form',
-                        templateUrl: 'schema-form.html',
-                        styleUrls: ['./schema-form.scss']
-                    }]
-            }], null, { idPrefix: [{
-                    type: i0.Input
-                }], schemas: [{
-                    type: i0.Input
-                }], customProperties: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], inputType: [{
-                    type: i0.Input
-                }] });
+    function SchemaFormComponent_div_2_schema_input_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r7_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "schema-input", 3);
+            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_2_schema_input_1_Template_schema_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r7_1); var ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.model = $event; });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r8 = i0.ɵɵnextContext();
+            var schema_r1 = ctx_r8.$implicit;
+            var i_r2 = ctx_r8.index;
+            var ctx_r3 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("idPrefix", ctx_r3.idPrefix)("model", ctx_r3.model)("schema", schema_r1)("editing", ctx_r3.editing)("index", i_r2);
+        }
+    }
+    function SchemaFormComponent_div_2_schema_object_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r10_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "schema-object", 3);
+            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_2_schema_object_2_Template_schema_object_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r10_1); var ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.model = $event; });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r11 = i0.ɵɵnextContext();
+            var schema_r1 = ctx_r11.$implicit;
+            var i_r2 = ctx_r11.index;
+            var ctx_r4 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("idPrefix", ctx_r4.idPrefix)("model", ctx_r4.model)("schema", schema_r1)("editing", ctx_r4.editing)("index", i_r2);
+        }
+    }
+    function SchemaFormComponent_div_2_schema_array_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r13_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "schema-array", 3);
+            i0.ɵɵlistener("modelChange", function SchemaFormComponent_div_2_schema_array_3_Template_schema_array_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r13_1); var ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.model = $event; });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r14 = i0.ɵɵnextContext();
+            var schema_r1 = ctx_r14.$implicit;
+            var i_r2 = ctx_r14.index;
+            var ctx_r5 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("idPrefix", ctx_r5.idPrefix)("model", ctx_r5.model)("schema", schema_r1)("editing", ctx_r5.editing)("index", i_r2);
+        }
+    }
+    function SchemaFormComponent_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, SchemaFormComponent_div_2_schema_input_1_Template, 1, 5, "schema-input", 2);
+            i0.ɵɵtemplate(2, SchemaFormComponent_div_2_schema_object_2_Template, 1, 5, "schema-object", 2);
+            i0.ɵɵtemplate(3, SchemaFormComponent_div_2_schema_array_3_Template, 1, 5, "schema-array", 2);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.loaded);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.loaded);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.loaded);
+        }
+    }
+    var SchemaFormComponent = /** @class */ (function (_super) {
+        __extends(SchemaFormComponent, _super);
+        function SchemaFormComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.schemas = [];
+            _this.customProperties = false;
+            _this.editing = false;
+            _this.loaded = false;
+            return _this;
+        }
+        SchemaFormComponent.prototype.ngAfterContentInit = function () {
+            this.loaded = true;
+            console.log('SchemaFormComponent schemas', this.schemas);
+        };
+        SchemaFormComponent.prototype.onDrop = function ($event, modelElement) {
+            return onDropStruct($event, modelElement);
+        };
+        SchemaFormComponent.prototype.getId = function (index) {
+            return this.idPrefix + "-struct-" + index;
+        };
+        return SchemaFormComponent;
+    }(BaseSchemaComponent));
+    SchemaFormComponent.ɵfac = function SchemaFormComponent_Factory(t) { return ɵSchemaFormComponent_BaseFactory(t || SchemaFormComponent); };
+    SchemaFormComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaFormComponent, selectors: [["schema-form"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], [3, "idPrefix", "model", "schema", "editing", "index", "modelChange", 4, "ngIf"], [3, "idPrefix", "model", "schema", "editing", "index", "modelChange"]], template: function SchemaFormComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtext(0);
+                i0.ɵɵpipe(1, "json");
+                i0.ɵɵtemplate(2, SchemaFormComponent_div_2_Template, 4, 3, "div", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(1, 2, ctx.schemas), "\n");
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngForOf", ctx.schemas);
+            }
+        }, styles: [""] });
+    var ɵSchemaFormComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaFormComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaFormComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-form',
+                        templateUrl: 'schema-form.html',
+                        styleUrls: ['./schema-form.scss']
+                    }]
+            }], null, { idPrefix: [{
+                    type: i0.Input
+                }], schemas: [{
+                    type: i0.Input
+                }], customProperties: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], inputType: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var _c0$1 = function () { return { standalone: true }; };
-    function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 6);
-            i0.ɵɵelementStart(1, "div", 7);
-            i0.ɵɵelementStart(2, "label", 8);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "span", 9);
-            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r8_1); var i_r6 = ctx.index; var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.removeCustomAttribute(i_r6); });
-            i0.ɵɵelement(5, "i", 10);
-            i0.ɵɵpipe(6, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "input", 11);
-            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onDrop($event, attribute_r5); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var attribute_r5 = ctx.$implicit;
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(attribute_r5.label);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 4, "REMOVE"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$1));
-        }
-    }
-    function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r12_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 12);
-            i0.ɵɵelementStart(1, "div", 13);
-            i0.ɵɵelementStart(2, "div", 7);
-            i0.ɵɵelementStart(3, "label", 8);
-            i0.ɵɵtext(4);
-            i0.ɵɵpipe(5, "translate");
-            i0.ɵɵelementStart(6, "strong");
-            i0.ɵɵtext(7, "*");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "input", 14);
-            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 13);
-            i0.ɵɵelementStart(10, "div", 7);
-            i0.ɵɵelementStart(11, "label", 8);
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "translate");
-            i0.ɵɵelementStart(14, "strong");
-            i0.ɵɵtext(15, "*");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "input", 11);
-            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_16_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onDrop($event, ctx_r14.newCustomField); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, "STEP.NAME"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", i0.ɵɵpureFunction0(10, _c0$1));
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 8, "STEP.VALUE"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", i0.ɵɵpureFunction0(11, _c0$1));
-        }
-    }
-    function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r16_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 15);
-            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.newCustomField = {}; });
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "ADD"), " ");
-        }
-    }
-    function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r18_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 16);
-            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.newCustomField = null; });
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "CANCEL"), " ");
-        }
-    }
-    function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 15);
-            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.saveNewAttribute(ctx_r19.newCustomField); });
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "SAVE"), " ");
-        }
-    }
-    var SchemaCustomAttributesComponent = /** @class */ (function (_super) {
-        __extends(SchemaCustomAttributesComponent, _super);
-        function SchemaCustomAttributesComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.onSaveAttribute = new i0.EventEmitter();
-            _this.onDropOnAttribute = new i0.EventEmitter();
-            return _this;
-        }
-        SchemaCustomAttributesComponent.prototype.ngAfterContentInit = function () {
-            if (!this.model) {
-                this.model = [];
-            }
-        };
-        SchemaCustomAttributesComponent.prototype.saveNewAttribute = function (newCustomField) {
-            this.onSaveAttribute.emit(newCustomField);
-            this.model.push(newCustomField);
-            this.newCustomField = null;
-            this.modelChange.emit(this.model);
-        };
-        SchemaCustomAttributesComponent.prototype.removeCustomAttribute = function (attributeIndex) {
-            this.model.splice(attributeIndex, 1);
-            this.modelChange.emit(this.model);
-        };
-        SchemaCustomAttributesComponent.prototype.onDrop = function ($event, attribute) {
-            if (!attribute.value) {
-                attribute.value = '';
-            }
-            attribute.value += "{{" + $event.data + "}}";
-        };
-        return SchemaCustomAttributesComponent;
-    }(BaseSchemaComponent));
-    SchemaCustomAttributesComponent.ɵfac = function SchemaCustomAttributesComponent_Factory(t) { return ɵSchemaCustomAttributesComponent_BaseFactory(t || SchemaCustomAttributesComponent); };
-    SchemaCustomAttributesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["class", "row custom-attributes", 4, "ngFor", "ngForOf"], ["class", "struct-custom-field", 4, "ngIf"], [1, "row", "actions-buttons"], [1, "col-md-12", "pull-right"], ["class", "btn btn-outline-primary float-left", 3, "click", 4, "ngIf"], ["class", "btn btn-outline-danger float-left ml-2", 3, "click", 4, "ngIf"], [1, "row", "custom-attributes"], [1, "col-md-12"], [1, "info-label"], [1, "customAttributeDeleteIcon", 3, "click"], [1, "far", "fa-trash-alt", 3, "matTooltip"], ["dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange", "dndDrop"], [1, "struct-custom-field"], [1, "row"], [1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "btn", "btn-outline-primary", "float-left", 3, "click"], [1, "btn", "btn-outline-danger", "float-left", "ml-2", 3, "click"]], template: function SchemaCustomAttributesComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 8, 7, "div", 0);
-                i0.ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 17, 12, "div", 1);
-                i0.ɵɵelementStart(2, "div", 2);
-                i0.ɵɵelementStart(3, "div", 3);
-                i0.ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 3, 3, "button", 4);
-                i0.ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 3, 3, "button", 5);
-                i0.ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 3, 3, "button", 4);
-                i0.ɵɵelementEnd();
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngForOf", ctx.model);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.newCustomField);
-                i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", !ctx.newCustomField);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.newCustomField);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
-            }
-        }, directives: [i1.NgForOf, i1.NgIf, i4.MatTooltip, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{color:red;cursor:pointer;font-size:16px;position:absolute;right:15px;top:4px}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{background-color:#ececec;margin-top:16px;padding:8px 16px 16px}"] });
-    var ɵSchemaCustomAttributesComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaCustomAttributesComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-custom-attributes',
-                        templateUrl: 'schema-custom-attributes.html',
-                        styleUrls: ['./schema-custom-attributes.scss']
-                    }]
-            }], null, { onDropFunction: [{
-                    type: i0.Input
-                }], onSaveAttribute: [{
-                    type: i0.Output
-                }], onDropOnAttribute: [{
-                    type: i0.Output
-                }] });
+    var _c0$1 = function () { return { standalone: true }; };
+    function SchemaCustomAttributesComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 6);
+            i0.ɵɵelementStart(1, "div", 7);
+            i0.ɵɵelementStart(2, "label", 8);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 9);
+            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_div_0_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r8_1); var i_r6 = ctx.index; var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.removeCustomAttribute(i_r6); });
+            i0.ɵɵelement(5, "i", 10);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "input", 11);
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_0_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; return attribute_r5.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_0_Template_input_dndDrop_7_listener($event) { i0.ɵɵrestoreView(_r8_1); var attribute_r5 = ctx.$implicit; var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onDrop($event, attribute_r5); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var attribute_r5 = ctx.$implicit;
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(attribute_r5.label);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 4, "REMOVE"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngModel", attribute_r5.value)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$1));
+        }
+    }
+    function SchemaCustomAttributesComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r12_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 12);
+            i0.ɵɵelementStart(1, "div", 13);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵelementStart(3, "label", 8);
+            i0.ɵɵtext(4);
+            i0.ɵɵpipe(5, "translate");
+            i0.ɵɵelementStart(6, "strong");
+            i0.ɵɵtext(7, "*");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "input", 14);
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.newCustomField.label = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 13);
+            i0.ɵɵelementStart(10, "div", 7);
+            i0.ɵɵelementStart(11, "label", 8);
+            i0.ɵɵtext(12);
+            i0.ɵɵpipe(13, "translate");
+            i0.ɵɵelementStart(14, "strong");
+            i0.ɵɵtext(15, "*");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "input", 11);
+            i0.ɵɵlistener("ngModelChange", function SchemaCustomAttributesComponent_div_1_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.newCustomField.value = $event; })("dndDrop", function SchemaCustomAttributesComponent_div_1_Template_input_dndDrop_16_listener($event) { i0.ɵɵrestoreView(_r12_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.onDrop($event, ctx_r14.newCustomField); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, "STEP.NAME"));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.label)("ngModelOptions", i0.ɵɵpureFunction0(10, _c0$1));
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 8, "STEP.VALUE"));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx_r1.newCustomField.value)("ngModelOptions", i0.ɵɵpureFunction0(11, _c0$1));
+        }
+    }
+    function SchemaCustomAttributesComponent_button_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r16_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 15);
+            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.newCustomField = {}; });
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "ADD"), " ");
+        }
+    }
+    function SchemaCustomAttributesComponent_button_5_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r18_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 16);
+            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.newCustomField = null; });
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "CANCEL"), " ");
+        }
+    }
+    function SchemaCustomAttributesComponent_button_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r20_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 15);
+            i0.ɵɵlistener("click", function SchemaCustomAttributesComponent_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.saveNewAttribute(ctx_r19.newCustomField); });
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "SAVE"), " ");
+        }
+    }
+    var SchemaCustomAttributesComponent = /** @class */ (function (_super) {
+        __extends(SchemaCustomAttributesComponent, _super);
+        function SchemaCustomAttributesComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.onSaveAttribute = new i0.EventEmitter();
+            _this.onDropOnAttribute = new i0.EventEmitter();
+            return _this;
+        }
+        SchemaCustomAttributesComponent.prototype.ngAfterContentInit = function () {
+            if (!this.model) {
+                this.model = [];
+            }
+        };
+        SchemaCustomAttributesComponent.prototype.saveNewAttribute = function (newCustomField) {
+            this.onSaveAttribute.emit(newCustomField);
+            this.model.push(newCustomField);
+            this.newCustomField = null;
+            this.modelChange.emit(this.model);
+        };
+        SchemaCustomAttributesComponent.prototype.removeCustomAttribute = function (attributeIndex) {
+            this.model.splice(attributeIndex, 1);
+            this.modelChange.emit(this.model);
+        };
+        SchemaCustomAttributesComponent.prototype.onDrop = function ($event, attribute) {
+            if (!attribute.value) {
+                attribute.value = '';
+            }
+            attribute.value += "{{" + $event.data + "}}";
+        };
+        return SchemaCustomAttributesComponent;
+    }(BaseSchemaComponent));
+    SchemaCustomAttributesComponent.ɵfac = function SchemaCustomAttributesComponent_Factory(t) { return ɵSchemaCustomAttributesComponent_BaseFactory(t || SchemaCustomAttributesComponent); };
+    SchemaCustomAttributesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaCustomAttributesComponent, selectors: [["schema-custom-attributes"]], inputs: { onDropFunction: "onDropFunction" }, outputs: { onSaveAttribute: "onSaveAttribute", onDropOnAttribute: "onDropOnAttribute" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["class", "row custom-attributes", 4, "ngFor", "ngForOf"], ["class", "struct-custom-field", 4, "ngIf"], [1, "row", "actions-buttons"], [1, "col-md-12", "pull-right"], ["class", "btn btn-outline-primary float-left", 3, "click", 4, "ngIf"], ["class", "btn btn-outline-danger float-left ml-2", 3, "click", 4, "ngIf"], [1, "row", "custom-attributes"], [1, "col-md-12"], [1, "info-label"], [1, "customAttributeDeleteIcon", 3, "click"], [1, "far", "fa-trash-alt", 3, "matTooltip"], ["dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange", "dndDrop"], [1, "struct-custom-field"], [1, "row"], [1, "form-control", 3, "ngModel", "ngModelOptions", "ngModelChange"], [1, "btn", "btn-outline-primary", "float-left", 3, "click"], [1, "btn", "btn-outline-danger", "float-left", "ml-2", 3, "click"]], template: function SchemaCustomAttributesComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SchemaCustomAttributesComponent_div_0_Template, 8, 7, "div", 0);
+                i0.ɵɵtemplate(1, SchemaCustomAttributesComponent_div_1_Template, 17, 12, "div", 1);
+                i0.ɵɵelementStart(2, "div", 2);
+                i0.ɵɵelementStart(3, "div", 3);
+                i0.ɵɵtemplate(4, SchemaCustomAttributesComponent_button_4_Template, 3, 3, "button", 4);
+                i0.ɵɵtemplate(5, SchemaCustomAttributesComponent_button_5_Template, 3, 3, "button", 5);
+                i0.ɵɵtemplate(6, SchemaCustomAttributesComponent_button_6_Template, 3, 3, "button", 4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngForOf", ctx.model);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.newCustomField);
+                i0.ɵɵadvance(3);
+                i0.ɵɵproperty("ngIf", !ctx.newCustomField);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.newCustomField);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.newCustomField && ctx.newCustomField.label && ctx.newCustomField.value);
+            }
+        }, directives: [i1.NgForOf, i1.NgIf, i4.MatTooltip, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [".customAttributeDeleteIcon[_ngcontent-%COMP%]{color:red;cursor:pointer;font-size:16px;position:absolute;right:15px;top:4px}.customAttributeDeleteIcon[_ngcontent-%COMP%]:hover{color:#777}.struct-custom-field[_ngcontent-%COMP%]{background-color:#ececec;margin-top:16px;padding:8px 16px 16px}"] });
+    var ɵSchemaCustomAttributesComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaCustomAttributesComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaCustomAttributesComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-custom-attributes',
+                        templateUrl: 'schema-custom-attributes.html',
+                        styleUrls: ['./schema-custom-attributes.scss']
+                    }]
+            }], null, { onDropFunction: [{
+                    type: i0.Input
+                }], onSaveAttribute: [{
+                    type: i0.Output
+                }], onDropOnAttribute: [{
+                    type: i0.Output
+                }] });
     })();
 
-    function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "schema-form", 4);
-            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event; });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r3 = i0.ɵɵnextContext().$implicit;
-            var ctx_r4 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("idPrefix", ctx_r4.idPrefix)("model", ctx_r4.model[ctx_r4.schema.id][item_r3.index].mappingAttributes)("schemas", ctx_r4.getSchemaProperties())("editing", ctx_r4.editing);
-        }
-    }
-    function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r12_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "schema-form", 4);
-            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r11 = i0.ɵɵnextContext(2); return (ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r3 = i0.ɵɵnextContext().$implicit;
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("idPrefix", ctx_r5.idPrefix)("model", ctx_r5.model[ctx_r5.schema.id][item_r3.index])("schemas", ctx_r5.getSchemaProperties())("editing", ctx_r5.editing);
-        }
-    }
-    function SchemaArrayComponent_div_0_ng_template_2_div_2_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r16_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 5);
-            i0.ɵɵelementStart(1, "div", 6);
-            i0.ɵɵelementStart(2, "label", 7);
-            i0.ɵɵtext(3);
-            i0.ɵɵpipe(4, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "schema-custom-attributes", 8);
-            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r16_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r3 = i0.ɵɵnextContext().$implicit;
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("model", ctx_r6.model[ctx_r6.schema.id][item_r3.index].customAttributes)("onDropFunction", ctx_r6.onDrop);
-        }
-    }
-    function SchemaArrayComponent_div_0_ng_template_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 4, "schema-form", 2);
-            i0.ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 4, "schema-form", 2);
-            i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 6, 5, "div", 3);
-        }
-        if (rf & 2) {
-            var item_r3 = ctx.$implicit;
-            var ctx_r2 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index] && ctx_r2.schema.customProperties);
-        }
-    }
-    function SchemaArrayComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "array-session", 1);
-            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return (ctx_r19.model[ctx_r19.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.addArrayItem(ctx_r21.schema.id, {}); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r22 = i0.ɵɵnextContext(); return ctx_r22.addArrayLoop(ctx_r22.schema.id, {}); });
-            i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("label", ctx_r0.schema.title)("removeLabel", ctx_r0.schema.title)("model", ctx_r0.model[ctx_r0.schema.id])("showAddLoop", ctx_r0.schema.withoutLoop !== true);
-        }
-    }
-    var _c0$2 = function () { return { standalone: true }; };
-    function SchemaArrayComponent_div_1_ng_template_2_input_3_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r30_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 12);
-            i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30_1); var item_r24 = i0.ɵɵnextContext().$implicit; return item_r24.items[item_r24.index].mappingAttributes = $event; })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r30_1); var item_r24 = i0.ɵɵnextContext().$implicit; var ctx_r31 = i0.ɵɵnextContext(2); return item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r24 = i0.ɵɵnextContext().$implicit;
-            var ctx_r25 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$2))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
-        }
-    }
-    function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r36_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 12);
-            i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36_1); var item_r24 = i0.ɵɵnextContext().$implicit; return (item_r24.items[item_r24.index] = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r36_1); var item_r24 = i0.ɵɵnextContext().$implicit; var ctx_r37 = i0.ɵɵnextContext(2); return (item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index])); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r24 = i0.ɵɵnextContext().$implicit;
-            var ctx_r27 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$2))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
-        }
-    }
-    function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "label", 9);
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_input_3_Template, 1, 4, "input", 10);
-            i0.ɵɵtemplate(4, SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template, 1, 4, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor);
-        }
-        if (rf & 2) {
-            var item_r24 = ctx.$implicit;
-            var _r26 = i0.ɵɵreference(5);
-            var ctx_r23 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 4, ctx_r23.schema.title));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", item_r24.items[item_r24.index].mappingAttributes || item_r24.items[item_r24.index].mappingAttributes === "")("ngIfElse", _r26);
-        }
-    }
-    function SchemaArrayComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r41_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelementStart(1, "array-session", 1);
-            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r41_1); var ctx_r40 = i0.ɵɵnextContext(); return (ctx_r40.model[ctx_r40.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.addArrayItem(ctx_r42.schema.id, ""); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.addArrayLoop(ctx_r43.schema.id, ""); });
-            i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 6, 6, "ng-template");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("label", ctx_r1.schema.title)("removeLabel", ctx_r1.schema.title)("model", ctx_r1.model[ctx_r1.schema.id])("showAddLoop", ctx_r1.schema.withoutLoop !== true);
-        }
-    }
-    var SchemaArrayComponent = /** @class */ (function (_super) {
-        __extends(SchemaArrayComponent, _super);
-        function SchemaArrayComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.editing = false;
-            return _this;
-        }
-        SchemaArrayComponent.prototype.ngAfterContentInit = function () {
-            var _a;
-            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'array' && this.model && !this.model[this.schema.id]) {
-                this.model[this.schema.id] = [];
-            }
-            this.loaded = true;
-        };
-        SchemaArrayComponent.prototype.onDrop = function ($event, modelElement) {
-            return onDropStruct($event, modelElement);
-        };
-        SchemaArrayComponent.prototype.getId = function (index) {
-            return this.idPrefix + "-struct-" + index;
-        };
-        SchemaArrayComponent.prototype.addArrayItem = function (id, param) {
-            var _this = this;
-            this.model[id] = this.model[id] || [];
-            if (this.schema.properties) {
-                param = {};
-                Object.keys(this.schema.properties).forEach(function (key) {
-                    var schemaProperty = _this.schema.properties[key];
-                    if (schemaProperty.type === 'object') {
-                        param[schemaProperty.id] = {};
-                    }
-                    else if (schemaProperty.type === 'array') {
-                        param[schemaProperty.id] = [];
-                    }
-                });
-            }
-            this.model[id].push(param);
-        };
-        SchemaArrayComponent.prototype.addArrayLoop = function (id, mappingAttributes) {
-            this.model[id] = this.model[id] || [];
-            this.model[id].push({ loop: '', alias: '', mappingAttributes: mappingAttributes });
-        };
-        return SchemaArrayComponent;
-    }(BaseSchemaComponent));
-    SchemaArrayComponent.ɵfac = function SchemaArrayComponent_Factory(t) { return ɵSchemaArrayComponent_BaseFactory(t || SchemaArrayComponent); };
-    SchemaArrayComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"], [1, "info-label", 3, "htmlFor"], ["class", "form-control", "type", "text", "dndDropzone", "", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["type", "text", "dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop"]], template: function SchemaArrayComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 4, "div", 0);
-                i0.ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 4, "div", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
-            }
-        }, directives: [i1.NgIf, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [""] });
-    var ɵSchemaArrayComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaArrayComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaArrayComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-array',
-                        templateUrl: 'schema-array.html',
-                        styleUrls: ['./schema-array.scss']
-                    }]
-            }], null, { idPrefix: [{
-                    type: i0.Input
-                }], schema: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], index: [{
-                    type: i0.Input
-                }] });
+    function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "schema-form", 4);
+            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.model[ctx_r7.schema.id][item_r3.index].mappingAttributes = $event; });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r3 = i0.ɵɵnextContext().$implicit;
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("idPrefix", ctx_r4.idPrefix)("model", ctx_r4.model[ctx_r4.schema.id][item_r3.index].mappingAttributes)("schemas", ctx_r4.getSchemaProperties())("editing", ctx_r4.editing);
+        }
+    }
+    function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r12_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "schema-form", 4);
+            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template_schema_form_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r12_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r11 = i0.ɵɵnextContext(2); return (ctx_r11.model[ctx_r11.schema.id][item_r3.index] = $event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r3 = i0.ɵɵnextContext().$implicit;
+            var ctx_r5 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("idPrefix", ctx_r5.idPrefix)("model", ctx_r5.model[ctx_r5.schema.id][item_r3.index])("schemas", ctx_r5.getSchemaProperties())("editing", ctx_r5.editing);
+        }
+    }
+    function SchemaArrayComponent_div_0_ng_template_2_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r16_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 5);
+            i0.ɵɵelementStart(1, "div", 6);
+            i0.ɵɵelementStart(2, "label", 7);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "schema-custom-attributes", 8);
+            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_ng_template_2_div_2_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r16_1); var item_r3 = i0.ɵɵnextContext().$implicit; var ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.model[ctx_r15.schema.id][item_r3.index].customAttributes = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r3 = i0.ɵɵnextContext().$implicit;
+            var ctx_r6 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("model", ctx_r6.model[ctx_r6.schema.id][item_r3.index].customAttributes)("onDropFunction", ctx_r6.onDrop);
+        }
+    }
+    function SchemaArrayComponent_div_0_ng_template_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_ng_template_2_schema_form_0_Template, 1, 4, "schema-form", 2);
+            i0.ɵɵtemplate(1, SchemaArrayComponent_div_0_ng_template_2_schema_form_1_Template, 1, 4, "schema-form", 2);
+            i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_div_2_Template, 6, 5, "div", 3);
+        }
+        if (rf & 2) {
+            var item_r3 = ctx.$implicit;
+            var ctx_r2 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop !== undefined);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index].loop == undefined);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r2.model[ctx_r2.schema.id][item_r3.index] && ctx_r2.schema.customProperties);
+        }
+    }
+    function SchemaArrayComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r20_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "array-session", 1);
+            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_0_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return (ctx_r19.model[ctx_r19.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_0_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.addArrayItem(ctx_r21.schema.id, {}); })("onAddLoop", function SchemaArrayComponent_div_0_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r22 = i0.ɵɵnextContext(); return ctx_r22.addArrayLoop(ctx_r22.schema.id, {}); });
+            i0.ɵɵtemplate(2, SchemaArrayComponent_div_0_ng_template_2_Template, 3, 3, "ng-template");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("label", ctx_r0.schema.title)("removeLabel", ctx_r0.schema.title)("model", ctx_r0.model[ctx_r0.schema.id])("showAddLoop", ctx_r0.schema.withoutLoop !== true);
+        }
+    }
+    var _c0$2 = function () { return { standalone: true }; };
+    function SchemaArrayComponent_div_1_ng_template_2_input_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r30_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 12);
+            i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30_1); var item_r24 = i0.ɵɵnextContext().$implicit; return item_r24.items[item_r24.index].mappingAttributes = $event; })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_input_3_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r30_1); var item_r24 = i0.ɵɵnextContext().$implicit; var ctx_r31 = i0.ɵɵnextContext(2); return item_r24.items[item_r24.index].mappingAttributes = ctx_r31.onDrop($event, item_r24.items[item_r24.index].mappingAttributes); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r24 = i0.ɵɵnextContext().$implicit;
+            var ctx_r25 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index].mappingAttributes)("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$2))("id", ctx_r25.getId(ctx_r25.index) + "-" + item_r24.index);
+        }
+    }
+    function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r36_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 12);
+            i0.ɵɵlistener("ngModelChange", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36_1); var item_r24 = i0.ɵɵnextContext().$implicit; return (item_r24.items[item_r24.index] = $event); })("dndDrop", function SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template_input_dndDrop_0_listener($event) { i0.ɵɵrestoreView(_r36_1); var item_r24 = i0.ɵɵnextContext().$implicit; var ctx_r37 = i0.ɵɵnextContext(2); return (item_r24.items[item_r24.index] = ctx_r37.onDrop($event, item_r24.items[item_r24.index])); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r24 = i0.ɵɵnextContext().$implicit;
+            var ctx_r27 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngModel", item_r24.items[item_r24.index])("ngModelOptions", i0.ɵɵpureFunction0(3, _c0$2))("id", ctx_r27.getId(ctx_r27.index) + "-" + item_r24.index);
+        }
+    }
+    function SchemaArrayComponent_div_1_ng_template_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "label", 9);
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, SchemaArrayComponent_div_1_ng_template_2_input_3_Template, 1, 4, "input", 10);
+            i0.ɵɵtemplate(4, SchemaArrayComponent_div_1_ng_template_2_ng_template_4_Template, 1, 4, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor);
+        }
+        if (rf & 2) {
+            var item_r24 = ctx.$implicit;
+            var _r26 = i0.ɵɵreference(5);
+            var ctx_r23 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("htmlFor", ctx_r23.getId(ctx_r23.index) + "-" + item_r24.index);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 4, ctx_r23.schema.title));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", item_r24.items[item_r24.index].mappingAttributes || item_r24.items[item_r24.index].mappingAttributes === "")("ngIfElse", _r26);
+        }
+    }
+    function SchemaArrayComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r41_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "array-session", 1);
+            i0.ɵɵlistener("modelChange", function SchemaArrayComponent_div_1_Template_array_session_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r41_1); var ctx_r40 = i0.ɵɵnextContext(); return (ctx_r40.model[ctx_r40.schema.id] = $event); })("onAdd", function SchemaArrayComponent_div_1_Template_array_session_onAdd_1_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.addArrayItem(ctx_r42.schema.id, ""); })("onAddLoop", function SchemaArrayComponent_div_1_Template_array_session_onAddLoop_1_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.addArrayLoop(ctx_r43.schema.id, ""); });
+            i0.ɵɵtemplate(2, SchemaArrayComponent_div_1_ng_template_2_Template, 6, 6, "ng-template");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("label", ctx_r1.schema.title)("removeLabel", ctx_r1.schema.title)("model", ctx_r1.model[ctx_r1.schema.id])("showAddLoop", ctx_r1.schema.withoutLoop !== true);
+        }
+    }
+    var SchemaArrayComponent = /** @class */ (function (_super) {
+        __extends(SchemaArrayComponent, _super);
+        function SchemaArrayComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.editing = false;
+            return _this;
+        }
+        SchemaArrayComponent.prototype.ngAfterContentInit = function () {
+            var _a;
+            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'array' && this.model && !this.model[this.schema.id]) {
+                this.model[this.schema.id] = [];
+            }
+            this.loaded = true;
+            console.log('SchemaArrayComponent schema', this.schema);
+        };
+        SchemaArrayComponent.prototype.onDrop = function ($event, modelElement) {
+            return onDropStruct($event, modelElement);
+        };
+        SchemaArrayComponent.prototype.getId = function (index) {
+            return this.idPrefix + "-struct-" + index;
+        };
+        SchemaArrayComponent.prototype.addArrayItem = function (id, param) {
+            var _this = this;
+            this.model[id] = this.model[id] || [];
+            if (this.schema.properties) {
+                param = {};
+                Object.keys(this.schema.properties).forEach(function (key) {
+                    var schemaProperty = _this.schema.properties[key];
+                    if (schemaProperty.type === 'object') {
+                        param[schemaProperty.id] = {};
+                    }
+                    else if (schemaProperty.type === 'array') {
+                        param[schemaProperty.id] = [];
+                    }
+                });
+            }
+            this.model[id].push(param);
+        };
+        SchemaArrayComponent.prototype.addArrayLoop = function (id, mappingAttributes) {
+            this.model[id] = this.model[id] || [];
+            this.model[id].push({ loop: '', alias: '', mappingAttributes: mappingAttributes });
+        };
+        return SchemaArrayComponent;
+    }(BaseSchemaComponent));
+    SchemaArrayComponent.ɵfac = function SchemaArrayComponent_Factory(t) { return ɵSchemaArrayComponent_BaseFactory(t || SchemaArrayComponent); };
+    SchemaArrayComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaArrayComponent, selectors: [["schema-array"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "label", "removeLabel", "model", "showAddLoop", "modelChange", "onAdd", "onAddLoop"], [3, "idPrefix", "model", "schemas", "editing", "modelChange", 4, "ngIf"], ["class", "row struct-custom-properties", 4, "ngIf"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"], [1, "info-label", 3, "htmlFor"], ["class", "form-control", "type", "text", "dndDropzone", "", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["type", "text", "dndDropzone", "", 1, "form-control", 3, "ngModel", "ngModelOptions", "id", "ngModelChange", "dndDrop"]], template: function SchemaArrayComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SchemaArrayComponent_div_0_Template, 3, 4, "div", 0);
+                i0.ɵɵtemplate(1, SchemaArrayComponent_div_1_Template, 3, 4, "div", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && ctx.schema.properties);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.schema && ctx.canRender(ctx.schema) && ctx.schema.type === "array" && !ctx.schema.properties);
+            }
+        }, directives: [i1.NgIf, ArraySessionComponent, SchemaFormComponent, SchemaCustomAttributesComponent, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel], pipes: [i7.TranslatePipe], styles: [""] });
+    var ɵSchemaArrayComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaArrayComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaArrayComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-array',
+                        templateUrl: 'schema-array.html',
+                        styleUrls: ['./schema-array.scss']
+                    }]
+            }], null, { idPrefix: [{
+                    type: i0.Input
+                }], schema: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], index: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var _c0$3 = function (a0) { return { "has-error": a0 }; };
-    function FieldRenderComponent_small_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "small", 0);
-            i0.ɵɵtext(1, "(obrigat\u00F3rio)");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
-        }
-    }
-    function FieldRenderComponent_span_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 4);
-            i0.ɵɵpipe(1, "translate");
-            i0.ɵɵelement(2, "i", 5);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 1, ctx_r1.tooltip));
-        }
-    }
-    var _c1$1 = ["*"];
-    var FieldRenderComponent = /** @class */ (function () {
-        function FieldRenderComponent() {
-            this.label = '';
-            this.required = true;
-        }
-        return FieldRenderComponent;
-    }());
-    FieldRenderComponent.ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
-    FieldRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 7, vars: 9, consts: [[3, "ngClass"], [1, "info-label", "bold", 3, "htmlFor"], [3, "ngClass", 4, "ngIf"], ["class", "info-icon", 3, "matTooltip", 4, "ngIf"], [1, "info-icon", 3, "matTooltip"], [1, "far", "fa-question-circle"]], template: function FieldRenderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵprojectionDef();
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵelementStart(1, "label", 1);
-                i0.ɵɵtext(2);
-                i0.ɵɵpipe(3, "translate");
-                i0.ɵɵtemplate(4, FieldRenderComponent_small_4_Template, 2, 3, "small", 2);
-                i0.ɵɵtemplate(5, FieldRenderComponent_span_5_Template, 3, 3, "span", 3);
-                i0.ɵɵelementEnd();
-                i0.ɵɵprojection(6);
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("htmlFor", ctx.inputId);
-                i0.ɵɵadvance(1);
-                i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx.label), " ");
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.required);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.tooltip);
-            }
-        }, directives: [i1.NgClass, i1.NgIf, i4.MatTooltip], pipes: [i7.TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;float:right;font-size:13px;margin-left:4px}"] });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(FieldRenderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'field-render',
-                        templateUrl: 'field-render.html',
-                        styleUrls: ['field-render.scss']
-                    }]
-            }], null, { label: [{
-                    type: i0.Input
-                }], inputId: [{
-                    type: i0.Input
-                }], tooltip: [{
-                    type: i0.Input
-                }], required: [{
-                    type: i0.Input
-                }], state: [{
-                    type: i0.Input
-                }] });
+    var _c0$3 = function (a0) { return { "has-error": a0 }; };
+    function FieldRenderComponent_small_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "small", 0);
+            i0.ɵɵtext(1, "(obrigat\u00F3rio)");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$3, ctx_r0.state && !ctx_r0.state.valid && ctx_r0.state.errors));
+        }
+    }
+    function FieldRenderComponent_span_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 4);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵelement(2, "i", 5);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 1, ctx_r1.tooltip));
+        }
+    }
+    var _c1$1 = ["*"];
+    var FieldRenderComponent = /** @class */ (function () {
+        function FieldRenderComponent() {
+            this.label = '';
+            this.required = true;
+        }
+        return FieldRenderComponent;
+    }());
+    FieldRenderComponent.ɵfac = function FieldRenderComponent_Factory(t) { return new (t || FieldRenderComponent)(); };
+    FieldRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FieldRenderComponent, selectors: [["field-render"]], inputs: { label: "label", inputId: "inputId", tooltip: "tooltip", required: "required", state: "state" }, ngContentSelectors: _c1$1, decls: 7, vars: 9, consts: [[3, "ngClass"], [1, "info-label", "bold", 3, "htmlFor"], [3, "ngClass", 4, "ngIf"], ["class", "info-icon", 3, "matTooltip", 4, "ngIf"], [1, "info-icon", 3, "matTooltip"], [1, "far", "fa-question-circle"]], template: function FieldRenderComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵprojectionDef();
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵelementStart(1, "label", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵpipe(3, "translate");
+                i0.ɵɵtemplate(4, FieldRenderComponent_small_4_Template, 2, 3, "small", 2);
+                i0.ɵɵtemplate(5, FieldRenderComponent_span_5_Template, 3, 3, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵprojection(6);
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$3, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("htmlFor", ctx.inputId);
+                i0.ɵɵadvance(1);
+                i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx.label), " ");
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.required);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.tooltip);
+            }
+        }, directives: [i1.NgClass, i1.NgIf, i4.MatTooltip], pipes: [i7.TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{color:#222d57;float:right;font-size:13px;margin-left:4px}"] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(FieldRenderComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'field-render',
+                        templateUrl: 'field-render.html',
+                        styleUrls: ['field-render.scss']
+                    }]
+            }], null, { label: [{
+                    type: i0.Input
+                }], inputId: [{
+                    type: i0.Input
+                }], tooltip: [{
+                    type: i0.Input
+                }], required: [{
+                    type: i0.Input
+                }], state: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var _c0$4 = function () { return { standalone: true }; };
-    var NumberInputComponent = /** @class */ (function (_super) {
-        __extends(NumberInputComponent, _super);
-        function NumberInputComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        NumberInputComponent.prototype.ngAfterContentInit = function () {
-            this.value = this.model;
-        };
-        NumberInputComponent.prototype.changeValue = function ($event) {
-            if ($event && !isNaN($event)) {
-                this.model = Number($event);
-                this.modelChange.emit(this.model);
-            }
-            else {
-                this.model = $event;
-                this.modelChange.emit(this.model);
-            }
-        };
-        return NumberInputComponent;
-    }(BaseSchemaComponent));
-    NumberInputComponent.ɵfac = function NumberInputComponent_Factory(t) { return ɵNumberInputComponent_BaseFactory(t || NumberInputComponent); };
-    NumberInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", "number-input", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function NumberInputComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelementStart(0, "input", 0);
-                i0.ɵɵlistener("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$4))("maxlength", ctx.maxLength);
-            }
-        }, directives: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator], encapsulation: 2 });
-    var ɵNumberInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(NumberInputComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(NumberInputComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'number-input',
-                        templateUrl: 'number-input.component.html'
-                    }]
-            }], null, { placeholder: [{
-                    type: i0.Input
-                }], inputId: [{
-                    type: i0.Input
-                }], maxLength: [{
-                    type: i0.Input
-                }] });
+    var _c0$4 = function () { return { standalone: true }; };
+    var NumberInputComponent = /** @class */ (function (_super) {
+        __extends(NumberInputComponent, _super);
+        function NumberInputComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        NumberInputComponent.prototype.ngAfterContentInit = function () {
+            this.value = this.model;
+        };
+        NumberInputComponent.prototype.changeValue = function ($event) {
+            if ($event && !isNaN($event)) {
+                this.model = Number($event);
+                this.modelChange.emit(this.model);
+            }
+            else {
+                this.model = $event;
+                this.modelChange.emit(this.model);
+            }
+        };
+        return NumberInputComponent;
+    }(BaseSchemaComponent));
+    NumberInputComponent.ɵfac = function NumberInputComponent_Factory(t) { return ɵNumberInputComponent_BaseFactory(t || NumberInputComponent); };
+    NumberInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NumberInputComponent, selectors: [["number-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", "number-input", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function NumberInputComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "input", 0);
+                i0.ɵɵlistener("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function NumberInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$4))("maxlength", ctx.maxLength);
+            }
+        }, directives: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator], encapsulation: 2 });
+    var ɵNumberInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(NumberInputComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(NumberInputComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'number-input',
+                        templateUrl: 'number-input.component.html'
+                    }]
+            }], null, { placeholder: [{
+                    type: i0.Input
+                }], inputId: [{
+                    type: i0.Input
+                }], maxLength: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var _c0$5 = function () { return { standalone: true }; };
-    var BooleanInputComponent = /** @class */ (function (_super) {
-        __extends(BooleanInputComponent, _super);
-        function BooleanInputComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        BooleanInputComponent.prototype.ngAfterContentInit = function () {
-            this.value = this.model;
-        };
-        BooleanInputComponent.prototype.changeValue = function ($event) {
-            if ($event && ($event === 'true' || $event === 'false')) {
-                this.model = $event === 'true';
-                this.value = this.model;
-                this.modelChange.emit(this.model);
-            }
-            else {
-                this.model = $event;
-                this.value = this.model;
-                this.modelChange.emit(this.model);
-            }
-        };
-        return BooleanInputComponent;
-    }(BaseSchemaComponent));
-    BooleanInputComponent.ɵfac = function BooleanInputComponent_Factory(t) { return ɵBooleanInputComponent_BaseFactory(t || BooleanInputComponent); };
-    BooleanInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function BooleanInputComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelementStart(0, "input", 0);
-                i0.ɵɵlistener("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$5))("maxlength", ctx.maxLength);
-            }
-        }, directives: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator], encapsulation: 2 });
-    var ɵBooleanInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(BooleanInputComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(BooleanInputComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'boolean-input',
-                        templateUrl: 'boolean-input.component.html',
-                    }]
-            }], null, { placeholder: [{
-                    type: i0.Input
-                }], inputId: [{
-                    type: i0.Input
-                }], maxLength: [{
-                    type: i0.Input
-                }] });
+    var _c0$5 = function () { return { standalone: true }; };
+    var BooleanInputComponent = /** @class */ (function (_super) {
+        __extends(BooleanInputComponent, _super);
+        function BooleanInputComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        BooleanInputComponent.prototype.ngAfterContentInit = function () {
+            this.value = this.model;
+        };
+        BooleanInputComponent.prototype.changeValue = function ($event) {
+            if ($event && ($event === 'true' || $event === 'false')) {
+                this.model = $event === 'true';
+                this.value = this.model;
+                this.modelChange.emit(this.model);
+            }
+            else {
+                this.model = $event;
+                this.value = this.model;
+                this.modelChange.emit(this.model);
+            }
+        };
+        return BooleanInputComponent;
+    }(BaseSchemaComponent));
+    BooleanInputComponent.ɵfac = function BooleanInputComponent_Factory(t) { return ɵBooleanInputComponent_BaseFactory(t || BooleanInputComponent); };
+    BooleanInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BooleanInputComponent, selectors: [["boolean-input"]], inputs: { placeholder: "placeholder", inputId: "inputId", maxLength: "maxLength" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 6, consts: [[1, "form-control", 3, "id", "placeholder", "ngModel", "ngModelOptions", "maxlength", "ngModelChange"]], template: function BooleanInputComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "input", 0);
+                i0.ɵɵlistener("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.value = $event; })("ngModelChange", function BooleanInputComponent_Template_input_ngModelChange_0_listener($event) { return ctx.changeValue($event); });
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("id", ctx.inputId)("placeholder", ctx.placeholder)("ngModel", ctx.value)("ngModelOptions", i0.ɵɵpureFunction0(5, _c0$5))("maxlength", ctx.maxLength);
+            }
+        }, directives: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator], encapsulation: 2 });
+    var ɵBooleanInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(BooleanInputComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(BooleanInputComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'boolean-input',
+                        templateUrl: 'boolean-input.component.html',
+                    }]
+            }], null, { placeholder: [{
+                    type: i0.Input
+                }], inputId: [{
+                    type: i0.Input
+                }], maxLength: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var _c0$6 = function () { return { standalone: true }; };
-    function InputRenderComponent_input_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 4);
-            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.onChange($event); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
-            i0.ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
-        }
-    }
-    function InputRenderComponent_select_box_2_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "select-box", 5);
-            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onChange($event.key); });
-            i0.ɵɵpipe(1, "translate");
-            i0.ɵɵpipe(2, "translate");
-            i0.ɵɵpipe(3, "translate");
-            i0.ɵɵpipe(4, "translate");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", i0.ɵɵpureFunction0(20, _c0$6))("placeholder", i0.ɵɵpipeBind1(1, 12, ctx_r1.schema.description || "COMPONENTS.SCHEMA.SELECT.PLACEHOLDER"))("searchPlaceHolder", i0.ɵɵpipeBind1(2, 14, "COMPONENTS.SCHEMA.SELECT.SEARCH"))("clearText", i0.ɵɵpipeBind1(3, 16, "COMPONENTS.SCHEMA.SELECT.CLEAR"))("notFoundText", i0.ɵɵpipeBind1(4, 18, "COMPONENTS.SCHEMA.SELECT.NOT_FOUND"))("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r1.schema.options);
-        }
-    }
-    function InputRenderComponent_number_input_3_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r11_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "number-input", 6);
-            i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r11_1); var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.onChange($event); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
-        }
-    }
-    function InputRenderComponent_boolean_input_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r14_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "boolean-input", 6);
-            i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r14_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r14_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onChange($event); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
-        }
-    }
-    var InputRenderComponent = /** @class */ (function (_super) {
-        __extends(InputRenderComponent, _super);
-        function InputRenderComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.schema = {};
-            _this.editing = false;
-            _this.onDropEvent = new i0.EventEmitter();
-            return _this;
-        }
-        InputRenderComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            var _a, _b;
-            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) !== 'object' && ((_b = this.schema) === null || _b === void 0 ? void 0 : _b.type) !== 'array') {
-                if (!this.editing && this.schema.options) {
-                    var $event = this.schema.options.filter(function (item) { return item.selected === true; });
-                    if ($event[0]) {
-                        this.onChange($event[0].key);
-                        this.value = $event[0];
-                    }
-                }
-                else if (this.editing && this.schema.options && this.model) {
-                    var $event = this.schema.options.filter(function (item) { return item.key === _this.model; });
-                    if ($event[0]) {
-                        this.onChange($event[0].key);
-                        this.value = $event[0];
-                    }
-                }
-                else {
-                    this.value = this.model;
-                }
-            }
-        };
-        InputRenderComponent.prototype.onChange = function ($event) {
-            this.model = $event;
-            this.modelChange.emit(this.model);
-        };
-        return InputRenderComponent;
-    }(BaseSchemaComponent));
-    InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
-    InputRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "schema-input-container"], ["class", "form-control", "dndDropzone", "", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", 4, "ngIf"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange", 4, "ngIf"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange", 4, "ngIf"], ["dndDropzone", "", 1, "form-control", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
-                i0.ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 5, 21, "select-box", 2);
-                i0.ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
-                i0.ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
-                i0.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.schema.type === "number");
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
-            }
-        }, directives: [i1.NgIf, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator, i8.SelectBoxComponent, NumberInputComponent, BooleanInputComponent], pipes: [i7.TranslatePipe], styles: [""] });
-    var ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(InputRenderComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(InputRenderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'input-render',
-                        templateUrl: 'input-render.html',
-                        styleUrls: ['./input-render.scss']
-                    }]
-            }], null, { schema: [{
-                    type: i0.Input
-                }], modelPropertiesPath: [{
-                    type: i0.Input
-                }], inputId: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], onDropEvent: [{
-                    type: i0.Output
-                }] });
+    var _c0$6 = function () { return { standalone: true }; };
+    function InputRenderComponent_input_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 4);
+            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.value = $event; })("ngModelChange", function InputRenderComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.onChange($event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵpropertyInterpolate("placeholder", ctx_r0.schema.description);
+            i0.ɵɵproperty("type", ctx_r0.schema.type === "password" ? "password" : "text")("ngModel", ctx_r0.value)("ngModelOptions", i0.ɵɵpureFunction0(6, _c0$6))("id", ctx_r0.inputId)("maxlength", ctx_r0.schema.maxLength);
+        }
+    }
+    function InputRenderComponent_select_box_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "select-box", 5);
+            i0.ɵɵlistener("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.value = $event; })("ngModelChange", function InputRenderComponent_select_box_2_Template_select_box_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onChange($event.key); });
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("id", ctx_r1.inputId)("ngModel", ctx_r1.value)("ngModelOptions", i0.ɵɵpureFunction0(20, _c0$6))("placeholder", i0.ɵɵpipeBind1(1, 12, ctx_r1.schema.description || "COMPONENTS.SCHEMA.SELECT.PLACEHOLDER"))("searchPlaceHolder", i0.ɵɵpipeBind1(2, 14, "COMPONENTS.SCHEMA.SELECT.SEARCH"))("clearText", i0.ɵɵpipeBind1(3, 16, "COMPONENTS.SCHEMA.SELECT.CLEAR"))("notFoundText", i0.ɵɵpipeBind1(4, 18, "COMPONENTS.SCHEMA.SELECT.NOT_FOUND"))("bindKey", "key")("bindValue", "value")("enabledSearch", true)("limitItens", 30)("data", ctx_r1.schema.options);
+        }
+    }
+    function InputRenderComponent_number_input_3_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "number-input", 6);
+            i0.ɵɵlistener("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r11_1); var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.value = $event; })("modelChange", function InputRenderComponent_number_input_3_Template_number_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r11_1); var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.onChange($event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("model", ctx_r2.value)("inputId", ctx_r2.inputId)("placeholder", ctx_r2.schema.description)("maxLength", ctx_r2.schema.maxLength);
+        }
+    }
+    function InputRenderComponent_boolean_input_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r14_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "boolean-input", 6);
+            i0.ɵɵlistener("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r14_1); var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.value = $event; })("modelChange", function InputRenderComponent_boolean_input_4_Template_boolean_input_modelChange_0_listener($event) { i0.ɵɵrestoreView(_r14_1); var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onChange($event); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r3 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("model", ctx_r3.value)("inputId", ctx_r3.inputId)("placeholder", ctx_r3.schema.description)("maxLength", ctx_r3.schema.maxLength);
+        }
+    }
+    var InputRenderComponent = /** @class */ (function (_super) {
+        __extends(InputRenderComponent, _super);
+        function InputRenderComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.schema = {};
+            _this.editing = false;
+            _this.onDropEvent = new i0.EventEmitter();
+            return _this;
+        }
+        InputRenderComponent.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            var _a, _b;
+            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) !== 'object' && ((_b = this.schema) === null || _b === void 0 ? void 0 : _b.type) !== 'array') {
+                if (!this.editing && this.schema.options) {
+                    var $event = this.schema.options.filter(function (item) { return item.selected === true; });
+                    if ($event[0]) {
+                        this.onChange($event[0].key);
+                        this.value = $event[0];
+                    }
+                }
+                else if (this.editing && this.schema.options && this.model) {
+                    var $event = this.schema.options.filter(function (item) { return item.key === _this.model; });
+                    if ($event[0]) {
+                        this.onChange($event[0].key);
+                        this.value = $event[0];
+                    }
+                }
+                else {
+                    this.value = this.model;
+                }
+            }
+        };
+        InputRenderComponent.prototype.onChange = function ($event) {
+            this.model = $event;
+            this.modelChange.emit(this.model);
+        };
+        return InputRenderComponent;
+    }(BaseSchemaComponent));
+    InputRenderComponent.ɵfac = function InputRenderComponent_Factory(t) { return ɵInputRenderComponent_BaseFactory(t || InputRenderComponent); };
+    InputRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: InputRenderComponent, selectors: [["input-render"]], inputs: { schema: "schema", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "schema-input-container"], ["class", "form-control", "dndDropzone", "", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange", 4, "ngIf"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange", 4, "ngIf"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange", 4, "ngIf"], ["dndDropzone", "", 1, "form-control", 3, "type", "placeholder", "ngModel", "ngModelOptions", "id", "maxlength", "ngModelChange"], [3, "id", "ngModel", "ngModelOptions", "placeholder", "searchPlaceHolder", "clearText", "notFoundText", "bindKey", "bindValue", "enabledSearch", "limitItens", "data", "ngModelChange"], ["dndDropzone", "", 3, "model", "inputId", "placeholder", "maxLength", "modelChange"]], template: function InputRenderComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div", 0);
+                i0.ɵɵtemplate(1, InputRenderComponent_input_1_Template, 1, 7, "input", 1);
+                i0.ɵɵtemplate(2, InputRenderComponent_select_box_2_Template, 5, 21, "select-box", 2);
+                i0.ɵɵtemplate(3, InputRenderComponent_number_input_3_Template, 1, 4, "number-input", 3);
+                i0.ɵɵtemplate(4, InputRenderComponent_boolean_input_4_Template, 1, 4, "boolean-input", 3);
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", (ctx.schema.type === "string" || ctx.schema.type === "password") && !ctx.schema.options);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.schema.type === "string" && ctx.schema.options);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.schema.type === "number");
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.schema.type === "boolean");
+            }
+        }, directives: [i1.NgIf, i3.DefaultValueAccessor, i2.DndDropzoneDirective, i3.NgControlStatus, i3.NgModel, i3.MaxLengthValidator, i8.SelectBoxComponent, NumberInputComponent, BooleanInputComponent], pipes: [i7.TranslatePipe], styles: [""] });
+    var ɵInputRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(InputRenderComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(InputRenderComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'input-render',
+                        templateUrl: 'input-render.html',
+                        styleUrls: ['./input-render.scss']
+                    }]
+            }], null, { schema: [{
+                    type: i0.Input
+                }], modelPropertiesPath: [{
+                    type: i0.Input
+                }], inputId: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], onDropEvent: [{
+                    type: i0.Output
+                }] });
     })();
 
-    function SchemaInputComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r3_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵelementStart(1, "div", 2);
-            i0.ɵɵelementStart(2, "field-render", 3);
-            i0.ɵɵelementStart(3, "input-render", 4);
-            i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(); return (ctx_r2.model[ctx_r2.schema.id] = $event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("inputId", ctx_r0.getId(ctx_r0.index))("schema", ctx_r0.schema)("model", ctx_r0.model[ctx_r0.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r0.schema.id)("editing", ctx_r0.editing);
-        }
-    }
-    function SchemaInputComponent_div_1_span_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 7);
-            i0.ɵɵpipe(1, "translate");
-            i0.ɵɵtext(2, "?");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext(2);
-            i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 1, ctx_r4.schema.help));
-        }
-    }
-    function SchemaInputComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵelementStart(1, "div", 2);
-            i0.ɵɵelementStart(2, "label", 5);
-            i0.ɵɵtext(3);
-            i0.ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 3, 3, "span", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "input-render", 4);
-            i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(); return (ctx_r5.model[ctx_r5.schema.id] = $event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r1.schema.help);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("inputId", ctx_r1.getId(ctx_r1.index))("schema", ctx_r1.schema)("model", ctx_r1.model[ctx_r1.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r1.schema.id)("editing", ctx_r1.editing);
-        }
-    }
-    var SchemaInputComponent = /** @class */ (function (_super) {
-        __extends(SchemaInputComponent, _super);
-        function SchemaInputComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.editing = false;
-            return _this;
-        }
-        SchemaInputComponent.prototype.ngAfterContentInit = function () {
-            this.loaded = true;
-        };
-        SchemaInputComponent.prototype.getId = function (index) {
-            return this.idPrefix + "-struct-" + index;
-        };
-        return SchemaInputComponent;
-    }(BaseSchemaComponent));
-    SchemaInputComponent.ɵfac = function SchemaInputComponent_Factory(t) { return ɵSchemaInputComponent_BaseFactory(t || SchemaInputComponent); };
-    SchemaInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "label", "tooltip", "inputId"], [3, "inputId", "schema", "model", "modelPropertiesPath", "editing", "modelChange"], [1, "info-label", "bold", 3, "htmlFor"], ["class", "config-tooltip", 3, "matTooltip", 4, "ngIf"], [1, "config-tooltip", 3, "matTooltip"]], template: function SchemaInputComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 8, "div", 0);
-                i0.ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 8, "div", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
-            }
-        }, directives: [i1.NgIf, FieldRenderComponent, InputRenderComponent, i4.MatTooltip], pipes: [i7.TranslatePipe], styles: [""] });
-    var ɵSchemaInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaInputComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaInputComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-input',
-                        templateUrl: 'schema-input.html',
-                        styleUrls: ['./schema-input.scss']
-                    }]
-            }], null, { idPrefix: [{
-                    type: i0.Input
-                }], schema: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], index: [{
-                    type: i0.Input
-                }] });
+    function SchemaInputComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r3_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵelementStart(2, "field-render", 3);
+            i0.ɵɵelementStart(3, "input-render", 4);
+            i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_0_Template_input_render_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(); return (ctx_r2.model[ctx_r2.schema.id] = $event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("label", ctx_r0.schema.title)("tooltip", ctx_r0.schema.help)("inputId", ctx_r0.getId(ctx_r0.index));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("inputId", ctx_r0.getId(ctx_r0.index))("schema", ctx_r0.schema)("model", ctx_r0.model[ctx_r0.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r0.schema.id)("editing", ctx_r0.editing);
+        }
+    }
+    function SchemaInputComponent_div_1_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 7);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵtext(2, "?");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵpropertyInterpolate("matTooltip", i0.ɵɵpipeBind1(1, 1, ctx_r4.schema.help));
+        }
+    }
+    function SchemaInputComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵelementStart(2, "label", 5);
+            i0.ɵɵtext(3);
+            i0.ɵɵtemplate(4, SchemaInputComponent_div_1_span_4_Template, 3, 3, "span", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "input-render", 4);
+            i0.ɵɵlistener("modelChange", function SchemaInputComponent_div_1_Template_input_render_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(); return (ctx_r5.model[ctx_r5.schema.id] = $event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("htmlFor", ctx_r1.getId(ctx_r1.index));
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx_r1.schema.title, " ");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r1.schema.help);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("inputId", ctx_r1.getId(ctx_r1.index))("schema", ctx_r1.schema)("model", ctx_r1.model[ctx_r1.schema.id])("modelPropertiesPath", "mappingAttributes." + ctx_r1.schema.id)("editing", ctx_r1.editing);
+        }
+    }
+    var SchemaInputComponent = /** @class */ (function (_super) {
+        __extends(SchemaInputComponent, _super);
+        function SchemaInputComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.editing = false;
+            _this.loaded = false;
+            return _this;
+        }
+        SchemaInputComponent.prototype.ngAfterContentInit = function () {
+            this.loaded = true;
+            console.log('SchemaInputComponent schema', this.schema);
+        };
+        SchemaInputComponent.prototype.getId = function (index) {
+            return this.idPrefix + "-struct-" + index;
+        };
+        return SchemaInputComponent;
+    }(BaseSchemaComponent));
+    SchemaInputComponent.ɵfac = function SchemaInputComponent_Factory(t) { return ɵSchemaInputComponent_BaseFactory(t || SchemaInputComponent); };
+    SchemaInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaInputComponent, selectors: [["schema-input"]], inputs: { idPrefix: "idPrefix", schema: "schema", editing: "editing", index: "index" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "row schema-input", 4, "ngIf"], [1, "row", "schema-input"], [1, "col-md-12"], [3, "label", "tooltip", "inputId"], [3, "inputId", "schema", "model", "modelPropertiesPath", "editing", "modelChange"], [1, "info-label", "bold", 3, "htmlFor"], ["class", "config-tooltip", 3, "matTooltip", 4, "ngIf"], [1, "config-tooltip", 3, "matTooltip"]], template: function SchemaInputComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SchemaInputComponent_div_0_Template, 4, 8, "div", 0);
+                i0.ɵɵtemplate(1, SchemaInputComponent_div_1_Template, 6, 8, "div", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && ctx.schema.minLength && ctx.schema.minLength > 0);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type !== "array" && ctx.schema.type !== "object" && (!ctx.schema.minLength || ctx.schema.minLength === 0));
+            }
+        }, directives: [i1.NgIf, FieldRenderComponent, InputRenderComponent, i4.MatTooltip], pipes: [i7.TranslatePipe], styles: [""] });
+    var ɵSchemaInputComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaInputComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaInputComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-input',
+                        templateUrl: 'schema-input.html',
+                        styleUrls: ['./schema-input.scss']
+                    }]
+            }], null, { idPrefix: [{
+                    type: i0.Input
+                }], schema: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], index: [{
+                    type: i0.Input
+                }] });
     })();
 
-    function SchemaObjectComponent_div_0_div_4_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r3_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 5);
-            i0.ɵɵelementStart(1, "div", 6);
-            i0.ɵɵelementStart(2, "label", 7);
-            i0.ɵɵtext(3);
-            i0.ɵɵpipe(4, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "schema-custom-attributes", 8);
-            i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(2); return ctx_r2.model[ctx_r2.schema.id].customAttributes = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("model", ctx_r1.model[ctx_r1.schema.id].customAttributes)("onDropFunction", ctx_r1.onDrop);
-        }
-    }
-    function SchemaObjectComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵelementStart(1, "div", 2);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "schema-form", 3);
-            i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return (ctx_r4.model[ctx_r4.schema.id] = $event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 6, 5, "div", 4);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.schema.title);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
-        }
-    }
-    var SchemaObjectComponent = /** @class */ (function (_super) {
-        __extends(SchemaObjectComponent, _super);
-        function SchemaObjectComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.editing = false;
-            _this.onDropEvent = new i0.EventEmitter();
-            _this.loaded = false;
-            return _this;
-        }
-        SchemaObjectComponent.prototype.ngAfterContentInit = function () {
-            var _a;
-            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' && this.model) {
-                this.model[this.schema.id] = this.model[this.schema.id] || {};
-            }
-            this.loaded = true;
-        };
-        SchemaObjectComponent.prototype.onDrop = function ($event, modelElement) {
-            return onDropStruct($event, modelElement);
-        };
-        return SchemaObjectComponent;
-    }(BaseSchemaComponent));
-    SchemaObjectComponent.ɵfac = function SchemaObjectComponent_Factory(t) { return ɵSchemaObjectComponent_BaseFactory(t || SchemaObjectComponent); };
-    SchemaObjectComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 6, "div", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
-            }
-        }, directives: [i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], pipes: [i7.TranslatePipe], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;margin-top:10px;padding:10px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#eee;border-bottom:1px solid #ddd;font-weight:700;margin-left:-10px;margin-top:-10px;padding:10px;width:calc(100% + 20px)}"] });
-    var ɵSchemaObjectComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaObjectComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaObjectComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-object',
-                        templateUrl: 'schema-object.html',
-                        styleUrls: ['./schema-object.scss']
-                    }]
-            }], null, { idPrefix: [{
-                    type: i0.Input
-                }], modelPropertiesPath: [{
-                    type: i0.Input
-                }], inputId: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], index: [{
-                    type: i0.Input
-                }], onDropEvent: [{
-                    type: i0.Output
-                }] });
+    function SchemaObjectComponent_div_0_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r3_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 5);
+            i0.ɵɵelementStart(1, "div", 6);
+            i0.ɵɵelementStart(2, "label", 7);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "schema-custom-attributes", 8);
+            i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_div_4_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(2); return ctx_r2.model[ctx_r2.schema.id].customAttributes = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("model", ctx_r1.model[ctx_r1.schema.id].customAttributes)("onDropFunction", ctx_r1.onDrop);
+        }
+    }
+    function SchemaObjectComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "schema-form", 3);
+            i0.ɵɵlistener("modelChange", function SchemaObjectComponent_div_0_Template_schema_form_modelChange_3_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return (ctx_r4.model[ctx_r4.schema.id] = $event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, SchemaObjectComponent_div_0_div_4_Template, 6, 5, "div", 4);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx_r0.schema.title);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model[ctx_r0.schema.id])("schemas", ctx_r0.getSchemaProperties())("editing", ctx_r0.editing);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.model[ctx_r0.schema.id] && ctx_r0.schema.customProperties);
+        }
+    }
+    var SchemaObjectComponent = /** @class */ (function (_super) {
+        __extends(SchemaObjectComponent, _super);
+        function SchemaObjectComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.editing = false;
+            _this.onDropEvent = new i0.EventEmitter();
+            _this.loaded = false;
+            return _this;
+        }
+        SchemaObjectComponent.prototype.ngAfterContentInit = function () {
+            var _a;
+            if (((_a = this.schema) === null || _a === void 0 ? void 0 : _a.type) === 'object' && this.model) {
+                this.model[this.schema.id] = this.model[this.schema.id] || {};
+            }
+            this.loaded = true;
+            console.log('SchemaObjectComponent schema', this.schema);
+        };
+        SchemaObjectComponent.prototype.onDrop = function ($event, modelElement) {
+            return onDropStruct($event, modelElement);
+        };
+        return SchemaObjectComponent;
+    }(BaseSchemaComponent));
+    SchemaObjectComponent.ɵfac = function SchemaObjectComponent_Factory(t) { return ɵSchemaObjectComponent_BaseFactory(t || SchemaObjectComponent); };
+    SchemaObjectComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaObjectComponent, selectors: [["schema-object"]], inputs: { idPrefix: "idPrefix", modelPropertiesPath: "modelPropertiesPath", inputId: "inputId", editing: "editing", index: "index" }, outputs: { onDropEvent: "onDropEvent" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema-object-container", 4, "ngIf"], [1, "schema-object-container"], [1, "schema-object-title"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaObjectComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SchemaObjectComponent_div_0_Template, 5, 6, "div", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngIf", ctx.loaded && ctx.canRender(ctx.schema) && ctx.schema.type == "object");
+            }
+        }, directives: [i1.NgIf, SchemaFormComponent, SchemaCustomAttributesComponent], pipes: [i7.TranslatePipe], styles: [".schema-object-container[_ngcontent-%COMP%]{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;margin-top:10px;padding:10px}.schema-object-container[_ngcontent-%COMP%]   .schema-object-title[_ngcontent-%COMP%]{background:#eee;border-bottom:1px solid #ddd;font-weight:700;margin-left:-10px;margin-top:-10px;padding:10px;width:calc(100% + 20px)}"] });
+    var ɵSchemaObjectComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaObjectComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaObjectComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-object',
+                        templateUrl: 'schema-object.html',
+                        styleUrls: ['./schema-object.scss']
+                    }]
+            }], null, { idPrefix: [{
+                    type: i0.Input
+                }], modelPropertiesPath: [{
+                    type: i0.Input
+                }], inputId: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], index: [{
+                    type: i0.Input
+                }], onDropEvent: [{
+                    type: i0.Output
+                }] });
     })();
 
-    var SchemaValidationField = /** @class */ (function () {
-        function SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
-            this.emptyFields = emptyFields;
-            this.invalidMinLengthFields = invalidMinLengthFields;
-            this.invalidMaxLengthFields = invalidMaxLengthFields;
-        }
-        SchemaValidationField.prototype.isValidSchemaFields = function () {
-            var _a, _b, _c;
-            return ((_a = this.emptyFields) === null || _a === void 0 ? void 0 : _a.length) < 1 && ((_b = this.invalidMinLengthFields) === null || _b === void 0 ? void 0 : _b.length) < 1 && ((_c = this.invalidMaxLengthFields) === null || _c === void 0 ? void 0 : _c.length) < 1;
-        };
-        SchemaValidationField.prototype.isInvalidSchemaFields = function () {
-            return !this.isValidSchemaFields();
-        };
-        return SchemaValidationField;
+    var SchemaValidationField = /** @class */ (function () {
+        function SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields) {
+            this.emptyFields = emptyFields;
+            this.invalidMinLengthFields = invalidMinLengthFields;
+            this.invalidMaxLengthFields = invalidMaxLengthFields;
+        }
+        SchemaValidationField.prototype.isValidSchemaFields = function () {
+            var _a, _b, _c;
+            return ((_a = this.emptyFields) === null || _a === void 0 ? void 0 : _a.length) < 1 && ((_b = this.invalidMinLengthFields) === null || _b === void 0 ? void 0 : _b.length) < 1 && ((_c = this.invalidMaxLengthFields) === null || _c === void 0 ? void 0 : _c.length) < 1;
+        };
+        SchemaValidationField.prototype.isInvalidSchemaFields = function () {
+            return !this.isValidSchemaFields();
+        };
+        return SchemaValidationField;
     }());
 
-    var SchemaFieldsService = /** @class */ (function () {
-        function SchemaFieldsService(translate) {
-            this.translate = translate;
-        }
-        SchemaFieldsService.prototype.validateSchemaFields = function (propertiesRendered, model) {
-            return __awaiter(this, void 0, void 0, function () {
-                var emptyFields, invalidMinLengthFields, invalidMaxLengthFields, structValidationField, _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (!propertiesRendered) {
-                                return [2 /*return*/, new SchemaValidationField([], [], [])];
-                            }
-                            emptyFields = [];
-                            invalidMinLengthFields = [];
-                            invalidMaxLengthFields = [];
-                            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-                            structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
-                            _a = structValidationField;
-                            return [4 /*yield*/, this.getErrorsStringArray(structValidationField)];
-                        case 1:
-                            _a.validationErrorsLabel = _b.sent();
-                            return [2 /*return*/, structValidationField];
-                    }
-                });
-            });
-        };
-        SchemaFieldsService.prototype.processProperties = function (propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
-            var e_1, _a;
-            try {
-                for (var propertiesRendered_1 = __values(propertiesRendered), propertiesRendered_1_1 = propertiesRendered_1.next(); !propertiesRendered_1_1.done; propertiesRendered_1_1 = propertiesRendered_1.next()) {
-                    var property = propertiesRendered_1_1.value;
-                    if ((property.type === 'object' || property.type === 'array') && property.properties) {
-                        this.processProperties(property.properties, model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-                    }
-                    else if (property.type === 'array' && !property.properties) {
-                        var newProperty = Object.assign({}, property);
-                        newProperty.type = 'string';
-                        this.processProperties([newProperty], model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
-                    }
-                    else {
-                        var validateModel = recursive ? model : model[property.id];
-                        if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
-                            && (validateModel === undefined || validateModel === '' || validateModel === null)) {
-                            emptyFields.push(property);
-                        }
-                        else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
-                            invalidMinLengthFields.push(property);
-                        }
-                        else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
-                            invalidMaxLengthFields.push(property);
-                        }
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (propertiesRendered_1_1 && !propertiesRendered_1_1.done && (_a = propertiesRendered_1.return)) _a.call(propertiesRendered_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-        SchemaFieldsService.prototype.getErrorsStringArray = function (structValidation) {
-            return __awaiter(this, void 0, void 0, function () {
-                var errors, _a, _b, field, fieldName, _c, _d, field, fieldName, _e, _f, field, fieldName;
-                var e_2, _g, e_3, _h, e_4, _j;
-                return __generator(this, function (_k) {
-                    if (!structValidation.isInvalidSchemaFields()) {
-                        return [2 /*return*/, []];
-                    }
-                    errors = [];
-                    try {
-                        for (_a = __values(structValidation.emptyFields), _b = _a.next(); !_b.done; _b = _a.next()) {
-                            field = _b.value;
-                            fieldName = field.title || field.id;
-                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.REQUIRED_FIELD_ERROR', { fieldName: fieldName }));
-                        }
-                    }
-                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                    finally {
-                        try {
-                            if (_b && !_b.done && (_g = _a.return)) _g.call(_a);
-                        }
-                        finally { if (e_2) throw e_2.error; }
-                    }
-                    try {
-                        for (_c = __values(structValidation.invalidMinLengthFields), _d = _c.next(); !_d.done; _d = _c.next()) {
-                            field = _d.value;
-                            fieldName = field.title || field.id;
-                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MINLENGTH_FIELD_ERROR', { fieldName: fieldName, minLength: field.minLength }));
-                        }
-                    }
-                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                    finally {
-                        try {
-                            if (_d && !_d.done && (_h = _c.return)) _h.call(_c);
-                        }
-                        finally { if (e_3) throw e_3.error; }
-                    }
-                    try {
-                        for (_e = __values(structValidation.invalidMaxLengthFields), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            field = _f.value;
-                            fieldName = field.title || field.id;
-                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MAXLENGTH_FIELD_ERROR', { fieldName: fieldName, maxLength: field.maxLength }));
-                        }
-                    }
-                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                    finally {
-                        try {
-                            if (_f && !_f.done && (_j = _e.return)) _j.call(_e);
-                        }
-                        finally { if (e_4) throw e_4.error; }
-                    }
-                    return [2 /*return*/, errors];
-                });
-            });
-        };
-        return SchemaFieldsService;
-    }());
-    SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(i0.ɵɵinject(i7.TranslateService)); };
-    SchemaFieldsService.ɵprov = i0.ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaFieldsService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: i7.TranslateService }]; }, null);
+    var SchemaFieldsService = /** @class */ (function () {
+        function SchemaFieldsService(translate) {
+            this.translate = translate;
+        }
+        SchemaFieldsService.prototype.validateSchemaFields = function (propertiesRendered, model) {
+            return __awaiter(this, void 0, void 0, function () {
+                var emptyFields, invalidMinLengthFields, invalidMaxLengthFields, structValidationField, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!propertiesRendered) {
+                                return [2 /*return*/, new SchemaValidationField([], [], [])];
+                            }
+                            emptyFields = [];
+                            invalidMinLengthFields = [];
+                            invalidMaxLengthFields = [];
+                            this.processProperties(propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+                            structValidationField = new SchemaValidationField(emptyFields, invalidMinLengthFields, invalidMaxLengthFields);
+                            _a = structValidationField;
+                            return [4 /*yield*/, this.getErrorsStringArray(structValidationField)];
+                        case 1:
+                            _a.validationErrorsLabel = _b.sent();
+                            return [2 /*return*/, structValidationField];
+                    }
+                });
+            });
+        };
+        SchemaFieldsService.prototype.processProperties = function (propertiesRendered, model, emptyFields, invalidMinLengthFields, invalidMaxLengthFields, recursive) {
+            var e_1, _a;
+            try {
+                for (var propertiesRendered_1 = __values(propertiesRendered), propertiesRendered_1_1 = propertiesRendered_1.next(); !propertiesRendered_1_1.done; propertiesRendered_1_1 = propertiesRendered_1.next()) {
+                    var property = propertiesRendered_1_1.value;
+                    if ((property.type === 'object' || property.type === 'array') && property.properties) {
+                        this.processProperties(property.properties, model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+                    }
+                    else if (property.type === 'array' && !property.properties) {
+                        var newProperty = Object.assign({}, property);
+                        newProperty.type = 'string';
+                        this.processProperties([newProperty], model[property.id], emptyFields, invalidMinLengthFields, invalidMaxLengthFields, true);
+                    }
+                    else {
+                        var validateModel = recursive ? model : model[property.id];
+                        if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0
+                            && (validateModel === undefined || validateModel === '' || validateModel === null)) {
+                            emptyFields.push(property);
+                        }
+                        else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.minLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) < property.minLength)) {
+                            invalidMinLengthFields.push(property);
+                        }
+                        else if ((property === null || property === void 0 ? void 0 : property.canRender) && (property === null || property === void 0 ? void 0 : property.maxLength) > 0 && ((validateModel === null || validateModel === void 0 ? void 0 : validateModel.length) > property.maxLength)) {
+                            invalidMaxLengthFields.push(property);
+                        }
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (propertiesRendered_1_1 && !propertiesRendered_1_1.done && (_a = propertiesRendered_1.return)) _a.call(propertiesRendered_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        SchemaFieldsService.prototype.getErrorsStringArray = function (structValidation) {
+            return __awaiter(this, void 0, void 0, function () {
+                var errors, _a, _b, field, fieldName, _c, _d, field, fieldName, _e, _f, field, fieldName;
+                var e_2, _g, e_3, _h, e_4, _j;
+                return __generator(this, function (_k) {
+                    if (!structValidation.isInvalidSchemaFields()) {
+                        return [2 /*return*/, []];
+                    }
+                    errors = [];
+                    try {
+                        for (_a = __values(structValidation.emptyFields), _b = _a.next(); !_b.done; _b = _a.next()) {
+                            field = _b.value;
+                            fieldName = field.title || field.id;
+                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.REQUIRED_FIELD_ERROR', { fieldName: fieldName }));
+                        }
+                    }
+                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                    finally {
+                        try {
+                            if (_b && !_b.done && (_g = _a.return)) _g.call(_a);
+                        }
+                        finally { if (e_2) throw e_2.error; }
+                    }
+                    try {
+                        for (_c = __values(structValidation.invalidMinLengthFields), _d = _c.next(); !_d.done; _d = _c.next()) {
+                            field = _d.value;
+                            fieldName = field.title || field.id;
+                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MINLENGTH_FIELD_ERROR', { fieldName: fieldName, minLength: field.minLength }));
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (_d && !_d.done && (_h = _c.return)) _h.call(_c);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                    try {
+                        for (_e = __values(structValidation.invalidMaxLengthFields), _f = _e.next(); !_f.done; _f = _e.next()) {
+                            field = _f.value;
+                            fieldName = field.title || field.id;
+                            errors.push(this.translate.instant('COMPONENTS.STRUCT.VALIDATION_FIELDS.MAXLENGTH_FIELD_ERROR', { fieldName: fieldName, maxLength: field.maxLength }));
+                        }
+                    }
+                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                    finally {
+                        try {
+                            if (_f && !_f.done && (_j = _e.return)) _j.call(_e);
+                        }
+                        finally { if (e_4) throw e_4.error; }
+                    }
+                    return [2 /*return*/, errors];
+                });
+            });
+        };
+        return SchemaFieldsService;
+    }());
+    SchemaFieldsService.ɵfac = function SchemaFieldsService_Factory(t) { return new (t || SchemaFieldsService)(i0.ɵɵinject(i7.TranslateService)); };
+    SchemaFieldsService.ɵprov = i0.ɵɵdefineInjectable({ token: SchemaFieldsService, factory: SchemaFieldsService.ɵfac });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaFieldsService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: i7.TranslateService }]; }, null);
     })();
 
-    function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 6);
-            i0.ɵɵelementStart(1, "div", 7);
-            i0.ɵɵelementStart(2, "label", 8);
-            i0.ɵɵtext(3);
-            i0.ɵɵpipe(4, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "schema-custom-attributes", 9);
-            i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(3); return ctx_r5.model.customAttributes = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext(3);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
-        }
-    }
-    function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 4);
-            i0.ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 6, 5, "div", 5);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
-        }
-    }
-    function SchemaFormRenderComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵelementStart(1, "schema-form", 2);
-            i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.model = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r0.schemas);
-        }
-    }
-    var SchemaFormRenderComponent = /** @class */ (function (_super) {
-        __extends(SchemaFormRenderComponent, _super);
-        function SchemaFormRenderComponent() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.schemas = [];
-            _this.customProperties = false;
-            _this.editing = false;
-            _this.loaded = false;
-            return _this;
-        }
-        SchemaFormRenderComponent.prototype.ngAfterContentInit = function () {
-            this.loaded = true;
-        };
-        SchemaFormRenderComponent.prototype.onDrop = function ($event, modelElement) {
-            return onDropStruct($event, modelElement);
-        };
-        SchemaFormRenderComponent.prototype.getId = function (index) {
-            return this.idPrefix + "-struct-" + index;
-        };
-        return SchemaFormRenderComponent;
-    }(BaseSchemaComponent));
-    SchemaFormRenderComponent.ɵfac = function SchemaFormRenderComponent_Factory(t) { return ɵSchemaFormRenderComponent_BaseFactory(t || SchemaFormRenderComponent); };
-    SchemaFormRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 5, "div", 0);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.loaded);
-            }
-        }, directives: [i1.NgIf, SchemaFormComponent, i1.NgForOf, SchemaCustomAttributesComponent], pipes: [i7.TranslatePipe], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
-    var ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaFormRenderComponent);
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'schema-form-render',
-                        templateUrl: 'schema-form-render.html',
-                        styleUrls: ['./schema-form-render.scss']
-                    }]
-            }], null, { idPrefix: [{
-                    type: i0.Input
-                }], schemas: [{
-                    type: i0.Input
-                }], customProperties: [{
-                    type: i0.Input
-                }], editing: [{
-                    type: i0.Input
-                }], inputType: [{
-                    type: i0.Input
-                }] });
+    function SchemaFormRenderComponent_div_0_div_2_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 6);
+            i0.ɵɵelementStart(1, "div", 7);
+            i0.ɵɵelementStart(2, "label", 8);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "schema-custom-attributes", 9);
+            i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_div_2_div_1_Template_schema_custom_attributes_modelChange_5_listener($event) { i0.ɵɵrestoreView(_r6_1); var ctx_r5 = i0.ɵɵnextContext(3); return ctx_r5.model.customAttributes = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0.ɵɵnextContext(3);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "STEP.ADDITIONAL_ATTRIBUTES"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("model", ctx_r4.model.customAttributes)("onDropFunction", ctx_r4.onDrop);
+        }
+    }
+    function SchemaFormRenderComponent_div_0_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 4);
+            i0.ɵɵtemplate(1, SchemaFormRenderComponent_div_0_div_2_div_1_Template, 6, 5, "div", 5);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r1.model && ctx_r1.customProperties);
+        }
+    }
+    function SchemaFormRenderComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r8_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelementStart(1, "schema-form", 2);
+            i0.ɵɵlistener("modelChange", function SchemaFormRenderComponent_div_0_Template_schema_form_modelChange_1_listener($event) { i0.ɵɵrestoreView(_r8_1); var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.model = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, SchemaFormRenderComponent_div_0_div_2_Template, 2, 1, "div", 3);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("idPrefix", ctx_r0.idPrefix)("model", ctx_r0.model)("schemas", ctx_r0.schemas)("editing", ctx_r0.editing);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r0.schemas);
+        }
+    }
+    var SchemaFormRenderComponent = /** @class */ (function (_super) {
+        __extends(SchemaFormRenderComponent, _super);
+        function SchemaFormRenderComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.schemas = [];
+            _this.customProperties = false;
+            _this.editing = false;
+            _this.loaded = false;
+            return _this;
+        }
+        SchemaFormRenderComponent.prototype.ngAfterContentInit = function () {
+            this.loaded = true;
+            console.log('SchemaFormRenderComponent schemas', this.schemas);
+        };
+        SchemaFormRenderComponent.prototype.onDrop = function ($event, modelElement) {
+            return onDropStruct($event, modelElement);
+        };
+        SchemaFormRenderComponent.prototype.getId = function (index) {
+            return this.idPrefix + "-struct-" + index;
+        };
+        return SchemaFormRenderComponent;
+    }(BaseSchemaComponent));
+    SchemaFormRenderComponent.ɵfac = function SchemaFormRenderComponent_Factory(t) { return ɵSchemaFormRenderComponent_BaseFactory(t || SchemaFormRenderComponent); };
+    SchemaFormRenderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SchemaFormRenderComponent, selectors: [["schema-form-render"]], inputs: { idPrefix: "idPrefix", schemas: "schemas", customProperties: "customProperties", editing: "editing", inputType: "inputType" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "schema", 4, "ngIf"], [1, "schema"], [3, "idPrefix", "model", "schemas", "editing", "modelChange"], ["class", "schema-properties", 4, "ngFor", "ngForOf"], [1, "schema-properties"], ["class", "row struct-custom-properties", 4, "ngIf"], [1, "row", "struct-custom-properties"], [1, "col-md-12"], [1, "info-label", "bold"], [3, "model", "onDropFunction", "modelChange"]], template: function SchemaFormRenderComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SchemaFormRenderComponent_div_0_Template, 3, 5, "div", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngIf", ctx.loaded);
+            }
+        }, directives: [i1.NgIf, SchemaFormComponent, i1.NgForOf, SchemaCustomAttributesComponent], pipes: [i7.TranslatePipe], styles: [".schema[_ngcontent-%COMP%]     .info-label{display:block}.schema[_ngcontent-%COMP%]     input.form-control{background:#fff;border:1px solid #ddd;border-radius:3px;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     select.form-control{border:1px solid #ddd;border-radius:4px;color:#777;cursor:pointer;padding:11px;width:100%}.schema[_ngcontent-%COMP%]     .ng-select-container{height:38px!important;min-height:38px!important}.schema[_ngcontent-%COMP%]     .btn-outline-primary{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;padding:5px 15px}.schema[_ngcontent-%COMP%]     .btn-outline-primary:hover{background:var(--color-primary-hover)}.schema[_ngcontent-%COMP%]     .subsection-item-title, .schema[_ngcontent-%COMP%]     array-session .subsection-element{color:var(--color-primary)}"] });
+    var ɵSchemaFormRenderComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SchemaFormRenderComponent);
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaFormRenderComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'schema-form-render',
+                        templateUrl: 'schema-form-render.html',
+                        styleUrls: ['./schema-form-render.scss']
+                    }]
+            }], null, { idPrefix: [{
+                    type: i0.Input
+                }], schemas: [{
+                    type: i0.Input
+                }], customProperties: [{
+                    type: i0.Input
+                }], editing: [{
+                    type: i0.Input
+                }], inputType: [{
+                    type: i0.Input
+                }] });
     })();
 
-    var SchemaFormRenderModule = /** @class */ (function () {
-        function SchemaFormRenderModule() {
-        }
-        return SchemaFormRenderModule;
-    }());
-    SchemaFormRenderModule.ɵmod = i0.ɵɵdefineNgModule({ type: SchemaFormRenderModule });
-    SchemaFormRenderModule.ɵinj = i0.ɵɵdefineInjector({ factory: function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); }, providers: [
-            SchemaFieldsService
-        ], imports: [[
-                i1.CommonModule,
-                i2.DndModule,
-                i3.FormsModule,
-                i4.MatTooltipModule,
-                i7.TranslateModule,
-                i8.InputsModule
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
-                SchemaArrayComponent,
-                FieldRenderComponent,
-                InputRenderComponent,
-                BooleanInputComponent,
-                NumberInputComponent,
-                SchemaInputComponent,
-                SchemaObjectComponent,
-                SchemaFormRenderComponent,
-                SchemaFormComponent,
-                SchemaCustomAttributesComponent], imports: [i1.CommonModule,
-                i2.DndModule,
-                i3.FormsModule,
-                i4.MatTooltipModule,
-                i7.TranslateModule,
-                i8.InputsModule], exports: [ArraySessionComponent,
-                SchemaArrayComponent,
-                FieldRenderComponent,
-                InputRenderComponent,
-                BooleanInputComponent,
-                NumberInputComponent,
-                SchemaInputComponent,
-                SchemaObjectComponent,
-                SchemaFormRenderComponent,
-                SchemaFormComponent,
-                SchemaCustomAttributesComponent] });
-    })();
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SchemaFormRenderModule, [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i1.CommonModule,
-                            i2.DndModule,
-                            i3.FormsModule,
-                            i4.MatTooltipModule,
-                            i7.TranslateModule,
-                            i8.InputsModule
-                        ],
-                        declarations: [
-                            ArraySessionComponent,
-                            SchemaArrayComponent,
-                            FieldRenderComponent,
-                            InputRenderComponent,
-                            BooleanInputComponent,
-                            NumberInputComponent,
-                            SchemaInputComponent,
-                            SchemaObjectComponent,
-                            SchemaFormRenderComponent,
-                            SchemaFormComponent,
-                            SchemaCustomAttributesComponent
-                        ],
-                        exports: [
-                            ArraySessionComponent,
-                            SchemaArrayComponent,
-                            FieldRenderComponent,
-                            InputRenderComponent,
-                            BooleanInputComponent,
-                            NumberInputComponent,
-                            SchemaInputComponent,
-                            SchemaObjectComponent,
-                            SchemaFormRenderComponent,
-                            SchemaFormComponent,
-                            SchemaCustomAttributesComponent
-                        ],
-                        providers: [
-                            SchemaFieldsService
-                        ]
-                    }]
-            }], null, null);
-    })();
-    i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgClass, i1.NgComponentOutlet, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2.DndDraggableDirective, i2.DndDropzoneDirective, i2.DndHandleDirective, i2.DndPlaceholderRefDirective, i2.DndDragImageRefDirective, i3.ɵangular_packages_forms_forms_y, i3.NgSelectOption, i3.ɵangular_packages_forms_forms_x, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.RangeValueAccessor, i3.CheckboxControlValueAccessor, i3.SelectControlValueAccessor, i3.SelectMultipleControlValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgControlStatusGroup, i3.RequiredValidator, i3.MinLengthValidator, i3.MaxLengthValidator, i3.PatternValidator, i3.CheckboxRequiredValidator, i3.EmailValidator, i3.NgModel, i3.NgModelGroup, i3.NgForm, i4.MatTooltip, i4.TooltipComponent, i5.Dir, i6.CdkScrollable, i7.TranslateDirective, i8.SelectBoxComponent, i8.SelectEnumComponent, i8.InputTextComponent, i8.InputPasswordComponent, i8.InputAvatarComponent, i8.InputFileComponent, i8.CustomSelectComponent, i8.FieldComponent, ArraySessionComponent,
-        SchemaArrayComponent,
-        FieldRenderComponent,
-        InputRenderComponent,
-        BooleanInputComponent,
-        NumberInputComponent,
-        SchemaInputComponent,
-        SchemaObjectComponent,
-        SchemaFormRenderComponent,
-        SchemaFormComponent,
+    var SchemaFormRenderModule = /** @class */ (function () {
+        function SchemaFormRenderModule() {
+        }
+        return SchemaFormRenderModule;
+    }());
+    SchemaFormRenderModule.ɵmod = i0.ɵɵdefineNgModule({ type: SchemaFormRenderModule });
+    SchemaFormRenderModule.ɵinj = i0.ɵɵdefineInjector({ factory: function SchemaFormRenderModule_Factory(t) { return new (t || SchemaFormRenderModule)(); }, providers: [
+            SchemaFieldsService
+        ], imports: [[
+                i1.CommonModule,
+                i2.DndModule,
+                i3.FormsModule,
+                i4.MatTooltipModule,
+                i7.TranslateModule,
+                i8.InputsModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SchemaFormRenderModule, { declarations: [ArraySessionComponent,
+                SchemaArrayComponent,
+                FieldRenderComponent,
+                InputRenderComponent,
+                BooleanInputComponent,
+                NumberInputComponent,
+                SchemaInputComponent,
+                SchemaObjectComponent,
+                SchemaFormRenderComponent,
+                SchemaFormComponent,
+                SchemaCustomAttributesComponent], imports: [i1.CommonModule,
+                i2.DndModule,
+                i3.FormsModule,
+                i4.MatTooltipModule,
+                i7.TranslateModule,
+                i8.InputsModule], exports: [ArraySessionComponent,
+                SchemaArrayComponent,
+                FieldRenderComponent,
+                InputRenderComponent,
+                BooleanInputComponent,
+                NumberInputComponent,
+                SchemaInputComponent,
+                SchemaObjectComponent,
+                SchemaFormRenderComponent,
+                SchemaFormComponent,
+                SchemaCustomAttributesComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SchemaFormRenderModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i1.CommonModule,
+                            i2.DndModule,
+                            i3.FormsModule,
+                            i4.MatTooltipModule,
+                            i7.TranslateModule,
+                            i8.InputsModule
+                        ],
+                        declarations: [
+                            ArraySessionComponent,
+                            SchemaArrayComponent,
+                            FieldRenderComponent,
+                            InputRenderComponent,
+                            BooleanInputComponent,
+                            NumberInputComponent,
+                            SchemaInputComponent,
+                            SchemaObjectComponent,
+                            SchemaFormRenderComponent,
+                            SchemaFormComponent,
+                            SchemaCustomAttributesComponent
+                        ],
+                        exports: [
+                            ArraySessionComponent,
+                            SchemaArrayComponent,
+                            FieldRenderComponent,
+                            InputRenderComponent,
+                            BooleanInputComponent,
+                            NumberInputComponent,
+                            SchemaInputComponent,
+                            SchemaObjectComponent,
+                            SchemaFormRenderComponent,
+                            SchemaFormComponent,
+                            SchemaCustomAttributesComponent
+                        ],
+                        providers: [
+                            SchemaFieldsService
+                        ]
+                    }]
+            }], null, null);
+    })();
+    i0.ɵɵsetComponentScope(SchemaFormComponent, [i1.NgClass, i1.NgComponentOutlet, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i1.NgPlural, i1.NgPluralCase, i2.DndDraggableDirective, i2.DndDropzoneDirective, i2.DndHandleDirective, i2.DndPlaceholderRefDirective, i2.DndDragImageRefDirective, i3.ɵangular_packages_forms_forms_y, i3.NgSelectOption, i3.ɵangular_packages_forms_forms_x, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.RangeValueAccessor, i3.CheckboxControlValueAccessor, i3.SelectControlValueAccessor, i3.SelectMultipleControlValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgControlStatusGroup, i3.RequiredValidator, i3.MinLengthValidator, i3.MaxLengthValidator, i3.PatternValidator, i3.CheckboxRequiredValidator, i3.EmailValidator, i3.NgModel, i3.NgModelGroup, i3.NgForm, i4.MatTooltip, i4.TooltipComponent, i5.Dir, i6.CdkScrollable, i7.TranslateDirective, i8.SelectBoxComponent, i8.SelectEnumComponent, i8.InputTextComponent, i8.InputPasswordComponent, i8.InputAvatarComponent, i8.InputFileComponent, i8.CustomSelectComponent, i8.FieldComponent, ArraySessionComponent,
+        SchemaArrayComponent,
+        FieldRenderComponent,
+        InputRenderComponent,
+        BooleanInputComponent,
+        NumberInputComponent,
+        SchemaInputComponent,
+        SchemaObjectComponent,
+        SchemaFormRenderComponent,
+        SchemaFormComponent,
         SchemaCustomAttributesComponent], [i1.AsyncPipe, i1.UpperCasePipe, i1.LowerCasePipe, i1.JsonPipe, i1.SlicePipe, i1.DecimalPipe, i1.PercentPipe, i1.TitleCasePipe, i1.CurrencyPipe, i1.DatePipe, i1.I18nPluralPipe, i1.I18nSelectPipe, i1.KeyValuePipe, i7.TranslatePipe]);
 
-    var TypeScriptCompile = /** @class */ (function () {
-        function TypeScriptCompile() {
-        }
-        TypeScriptCompile.addItemToFormProperties = function (formProperties, item, key) {
-            if (item.minLength && item.minLength > 0) {
-                formProperties[key] = new i3.FormControl([null, [i3.Validators.required]]);
-            }
-            else {
-                formProperties[key] = new i3.FormControl([null]);
-            }
-        };
-        TypeScriptCompile.compileProperties = function (input) {
-            var compiledProperties = [];
-            var formProperties = {};
-            var inputData = {};
-            var inputToCompile = JSON.parse(JSON.stringify(input));
-            if (inputToCompile.properties) {
-                if (inputToCompile.type === 'array') {
-                    inputData = [];
-                }
-                if (inputToCompile.type === 'object') {
-                    inputData = {};
-                }
-                inputToCompile.id = 'inputData';
-                this.proccessProperties(inputToCompile, formProperties, 'inputData');
-                compiledProperties.push(inputToCompile);
-            }
-            else if (inputToCompile.type === 'array') {
-                inputToCompile.id = 'inputData';
-                inputData = [];
-                TypeScriptCompile.addItemToFormProperties(formProperties, inputToCompile, 'inputData');
-                compiledProperties.push(inputToCompile);
-            }
-            else if (!inputToCompile.type) {
-                for (var index = 0; index < Object.keys(inputToCompile).length; index++) {
-                    var key = Object.keys(inputToCompile)[index];
-                    var item = inputToCompile[key];
-                    item.id = key;
-                    if (item.type === 'array') {
-                        inputData[item.id] = [];
-                    }
-                    if (item.type === 'object') {
-                        inputData[item.id] = {};
-                    }
-                    this.proccessProperties(item, formProperties, key);
-                    compiledProperties.push(item);
-                }
-            }
-            compiledProperties.sort(function (a, b) { return a.propertyOrder - b.propertyOrder; });
-            return { compiledProperties: compiledProperties, formProperties: formProperties, inputData: inputData };
-        };
-        TypeScriptCompile.proccessProperties = function (item, formProperties, key) {
-            if (this.hasProperties(item)) {
-                var arFieldsChild = [];
-                for (var indexChild = 0; indexChild < Object.keys(item.properties).length; indexChild++) {
-                    var keyChild = Object.keys(item.properties)[indexChild];
-                    var itemChild = item.properties[keyChild];
-                    itemChild.id = keyChild;
-                    if (this.hasProperties(itemChild)) {
-                        this.proccessProperties(itemChild, formProperties, keyChild);
-                        arFieldsChild.push(itemChild);
-                    }
-                    else {
-                        TypeScriptCompile.addItemToFormProperties(formProperties, itemChild, keyChild);
-                        arFieldsChild.push(itemChild);
-                    }
-                }
-                item.properties = arFieldsChild;
-            }
-            else {
-                TypeScriptCompile.addItemToFormProperties(formProperties, item, key);
-            }
-        };
-        TypeScriptCompile.hasProperties = function (item) {
-            return item.type === 'object' || (item.type === 'array' && item.properties);
-        };
-        return TypeScriptCompile;
+    var TypeScriptCompile = /** @class */ (function () {
+        function TypeScriptCompile() {
+        }
+        TypeScriptCompile.addItemToFormProperties = function (formProperties, item, key) {
+            if (item.minLength && item.minLength > 0) {
+                formProperties[key] = new i3.FormControl([null, [i3.Validators.required]]);
+            }
+            else {
+                formProperties[key] = new i3.FormControl([null]);
+            }
+        };
+        TypeScriptCompile.compileProperties = function (input) {
+            var compiledProperties = [];
+            var formProperties = {};
+            var inputData = {};
+            var inputToCompile = JSON.parse(JSON.stringify(input));
+            if (inputToCompile.properties) {
+                if (inputToCompile.type === 'array') {
+                    inputData = [];
+                }
+                if (inputToCompile.type === 'object') {
+                    inputData = {};
+                }
+                inputToCompile.id = 'inputData';
+                this.proccessProperties(inputToCompile, formProperties, 'inputData');
+                compiledProperties.push(inputToCompile);
+            }
+            else if (inputToCompile.type === 'array') {
+                inputToCompile.id = 'inputData';
+                inputData = [];
+                TypeScriptCompile.addItemToFormProperties(formProperties, inputToCompile, 'inputData');
+                compiledProperties.push(inputToCompile);
+            }
+            else if (!inputToCompile.type) {
+                for (var index = 0; index < Object.keys(inputToCompile).length; index++) {
+                    var key = Object.keys(inputToCompile)[index];
+                    var item = inputToCompile[key];
+                    item.id = key;
+                    if (item.type === 'array') {
+                        inputData[item.id] = [];
+                    }
+                    if (item.type === 'object') {
+                        inputData[item.id] = {};
+                    }
+                    this.proccessProperties(item, formProperties, key);
+                    compiledProperties.push(item);
+                }
+            }
+            compiledProperties.sort(function (a, b) { return a.propertyOrder - b.propertyOrder; });
+            return { compiledProperties: compiledProperties, formProperties: formProperties, inputData: inputData };
+        };
+        TypeScriptCompile.proccessProperties = function (item, formProperties, key) {
+            if (this.hasProperties(item)) {
+                var arFieldsChild = [];
+                for (var indexChild = 0; indexChild < Object.keys(item.properties).length; indexChild++) {
+                    var keyChild = Object.keys(item.properties)[indexChild];
+                    var itemChild = item.properties[keyChild];
+                    itemChild.id = keyChild;
+                    if (this.hasProperties(itemChild)) {
+                        this.proccessProperties(itemChild, formProperties, keyChild);
+                        arFieldsChild.push(itemChild);
+                    }
+                    else {
+                        TypeScriptCompile.addItemToFormProperties(formProperties, itemChild, keyChild);
+                        arFieldsChild.push(itemChild);
+                    }
+                }
+                item.properties = arFieldsChild;
+            }
+            else {
+                TypeScriptCompile.addItemToFormProperties(formProperties, item, key);
+            }
+        };
+        TypeScriptCompile.hasProperties = function (item) {
+            return item.type === 'object' || (item.type === 'array' && item.properties);
+        };
+        return TypeScriptCompile;
     }());
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.ArraySessionComponent = ArraySessionComponent;