kwikid-forms 0.1.13 → 0.1.15

package/bundles/kwikid-forms.umd.js

@@ -1519,8 +1519,8 @@
         };
         KwikIDFormViewComponent.prototype.initFormConfig = function (formConfig) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _loop_1, this_1, _b, _c, field, _loop_2, this_2, _d, _e, field;
-                var e_1, _f, e_2, _g;
+                var _a, _loop_1, this_1, _b, _c, field, _d, _e, field, validations, e_1_1;
+                var e_2, _f, e_1, _g;
                 var _this = this;
                 return __generator(this, function (_h) {
                     switch (_h.label) {
@@ -1553,57 +1553,57 @@
                                     _loop_1(field);
                                 }
                             }
-                            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
                             finally {
                                 try {
                                     if (_c && !_c.done && (_f = _b.return)) _f.call(_b);
                                 }
-                                finally { if (e_1) throw e_1.error; }
+                                finally { if (e_2) throw e_2.error; }
                             }
-                            _loop_2 = function (field) {
-                                if (field.isFormElement) {
-                                    if (field.validation.triggers.includes("ON_INIT")) {
-                                        var validations_1 = new kwikidToolkit.Validation({
-                                            FIELD_CONFIG: field,
-                                            FORM_FIELDS: this_2.formFields,
-                                            FORM_DATA: this_2.formData,
-                                            PREVIOUS_FORM_DATA: this_2.previousFormData,
-                                            ALL_FORMS_DATA: this_2.allFormsData
-                                        }, this_2.takeAction.bind(this_2));
-                                        (function () { return __awaiter(_this, void 0, void 0, function () {
-                                            return __generator(this, function (_a) {
-                                                switch (_a.label) {
-                                                    case 0: return [4 /*yield*/, validations_1.validate(field.validation)];
-                                                    case 1:
-                                                        _a.sent();
-                                                        return [2 /*return*/];
-                                                }
-                                            });
-                                        }); })();
-                                    }
-                                    if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
-                                        this_2.handleConnectedElements({
-                                            key: field.key,
-                                            value: this_2.formGroup.controls[field.key].value
-                                        }, "ON_INIT");
-                                    }
-                                }
-                            };
-                            this_2 = this;
-                            try {
-                                for (_d = __values(this.formFields), _e = _d.next(); !_e.done; _e = _d.next()) {
-                                    field = _e.value;
-                                    _loop_2(field);
-                                }
+                            _h.label = 2;
+                        case 2:
+                            _h.trys.push([2, 8, 9, 10]);
+                            _d = __values(this.formFields), _e = _d.next();
+                            _h.label = 3;
+                        case 3:
+                            if (!!_e.done) return [3 /*break*/, 7];
+                            field = _e.value;
+                            if (!field.isFormElement) return [3 /*break*/, 6];
+                            if (!field.validation.triggers.includes("ON_INIT")) return [3 /*break*/, 5];
+                            validations = new kwikidToolkit.Validation({
+                                FIELD_CONFIG: field,
+                                FORM_FIELDS: this.formFields,
+                                FORM_DATA: this.formData,
+                                PREVIOUS_FORM_DATA: this.previousFormData,
+                                ALL_FORMS_DATA: this.allFormsData
+                            }, this.takeAction.bind(this));
+                            return [4 /*yield*/, validations.validate(field.validation)];
+                        case 4:
+                            _h.sent();
+                            _h.label = 5;
+                        case 5:
+                            if (kwikidToolkit.checkObjectKeyExists(field, "connectedElements")) {
+                                this.handleConnectedElements({
+                                    key: field.key,
+                                    value: this.formGroup.controls[field.key].value
+                                }, "ON_INIT");
                             }
-                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                            finally {
-                                try {
-                                    if (_e && !_e.done && (_g = _d.return)) _g.call(_d);
-                                }
-                                finally { if (e_2) throw e_2.error; }
+                            _h.label = 6;
+                        case 6:
+                            _e = _d.next();
+                            return [3 /*break*/, 3];
+                        case 7: return [3 /*break*/, 10];
+                        case 8:
+                            e_1_1 = _h.sent();
+                            e_1 = { error: e_1_1 };
+                            return [3 /*break*/, 10];
+                        case 9:
+                            try {
+                                if (_e && !_e.done && (_g = _d.return)) _g.call(_d);
                             }
-                            return [2 /*return*/];
+                            finally { if (e_1) throw e_1.error; }
+                            return [7 /*endfinally*/];
+                        case 10: return [2 /*return*/];
                     }
                 });
             });
@@ -1861,7 +1861,7 @@
             this.formData[e.key] = convertFormFieldValueToStandardFormat(field, e.value);
             if (field.isFormElement &&
                 field.validation.triggers.includes("ON_CHANGE")) {
-                var validations_2 = new kwikidToolkit.Validation({
+                var validations_1 = new kwikidToolkit.Validation({
                     FIELD_CONFIG: field,
                     FORM_FIELDS: this.formFields,
                     FORM_DATA: this.formData,
@@ -1871,7 +1871,7 @@
                 (function () { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
                         switch (_a.label) {
-                            case 0: return [4 /*yield*/, validations_2.validate(field.validation)];
+                            case 0: return [4 /*yield*/, validations_1.validate(field.validation)];
                             case 1:
                                 _a.sent();
                                 return [2 /*return*/];
@@ -2018,96 +2018,112 @@
             });
         };
         KwikIDFormViewComponent.prototype.handleOnClickSaveForm = function (e) {
-            var e_9, _a, e_10, _b, e_11, _c;
-            var _this = this;
-            var formData = this.formGroup.getRawValue();
-            try {
-                for (var _d = __values(this.formFields), _e = _d.next(); !_e.done; _e = _d.next()) {
-                    var field = _e.value;
-                    if (field.isFormElement) {
-                        if (field.hidden) {
-                            delete formData[field.key];
-                        }
-                        else {
-                            formData[field.key] = convertFormFieldValueToStandardFormat(field, formData[field.key]);
-                        }
-                    }
-                }
-            }
-            catch (e_9_1) { e_9 = { error: e_9_1 }; }
-            finally {
-                try {
-                    if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-                }
-                finally { if (e_9) throw e_9.error; }
-            }
-            var _loop_3 = function (field) {
-                if (field.isFormElement &&
-                    field.validation.triggers.includes("ON_SAVE")) {
-                    var validations_3 = new kwikidToolkit.Validation({
-                        FIELD_CONFIG: field,
-                        FORM_FIELDS: this_3.formFields,
-                        FORM_DATA: this_3.formData,
-                        PREVIOUS_FORM_DATA: this_3.previousFormData,
-                        ALL_FORMS_DATA: this_3.allFormsData
-                    }, this_3.takeAction.bind(this_3));
-                    (function () { return __awaiter(_this, void 0, void 0, function () {
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0: return [4 /*yield*/, validations_3.validate(field.validation)];
-                                case 1:
-                                    _a.sent();
-                                    return [2 /*return*/];
+            return __awaiter(this, void 0, void 0, function () {
+                var formData, _a, _b, field, controls, firstFieldWithError, controls_1, controls_1_1, control, _c, _d, field, validations, e_9_1;
+                var e_10, _e, e_11, _f, e_9, _g;
+                var _this = this;
+                return __generator(this, function (_h) {
+                    switch (_h.label) {
+                        case 0:
+                            formData = this.formGroup.getRawValue();
+                            try {
+                                for (_a = __values(this.formFields), _b = _a.next(); !_b.done; _b = _a.next()) {
+                                    field = _b.value;
+                                    if (field.isFormElement) {
+                                        if (field.hidden) {
+                                            delete formData[field.key];
+                                        }
+                                        else {
+                                            formData[field.key] = convertFormFieldValueToStandardFormat(field, formData[field.key]);
+                                        }
+                                    }
+                                }
                             }
-                        });
-                    }); })();
-                }
-            };
-            var this_3 = this;
-            try {
-                for (var _f = __values(this.formFields), _g = _f.next(); !_g.done; _g = _f.next()) {
-                    var field = _g.value;
-                    _loop_3(field);
-                }
-            }
-            catch (e_10_1) { e_10 = { error: e_10_1 }; }
-            finally {
-                try {
-                    if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
-                }
-                finally { if (e_10) throw e_10.error; }
-            }
-            if (this.formGroup.invalid) {
-                var controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
-                var firstFieldWithError = "";
-                try {
-                    for (var controls_1 = __values(controls), controls_1_1 = controls_1.next(); !controls_1_1.done; controls_1_1 = controls_1.next()) {
-                        var control = controls_1_1.value;
-                        if (control.invalid && kwikidToolkit.isEmptyValue(firstFieldWithError)) {
-                            firstFieldWithError = control.key;
-                        }
-                        this.formFields = showFormFieldError(this.formFields, this.formGroup.controls[control.key].errors, control.key, control.invalid);
-                    }
-                }
-                catch (e_11_1) { e_11 = { error: e_11_1 }; }
-                finally {
-                    try {
-                        if (controls_1_1 && !controls_1_1.done && (_c = controls_1.return)) _c.call(controls_1);
+                            catch (e_10_1) { e_10 = { error: e_10_1 }; }
+                            finally {
+                                try {
+                                    if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
+                                }
+                                finally { if (e_10) throw e_10.error; }
+                            }
+                            if (this.formGroup.invalid) {
+                                controls = new FormValidation().getFormFieldsInvalidControls(this.formGroup);
+                                firstFieldWithError = "";
+                                try {
+                                    for (controls_1 = __values(controls), controls_1_1 = controls_1.next(); !controls_1_1.done; controls_1_1 = controls_1.next()) {
+                                        control = controls_1_1.value;
+                                        if (control.invalid && kwikidToolkit.isEmptyValue(firstFieldWithError)) {
+                                            firstFieldWithError = control.key;
+                                        }
+                                        this.formFields = showFormFieldError(this.formFields, this.formGroup.controls[control.key].errors, control.key, control.invalid);
+                                    }
+                                }
+                                catch (e_11_1) { e_11 = { error: e_11_1 }; }
+                                finally {
+                                    try {
+                                        if (controls_1_1 && !controls_1_1.done && (_f = controls_1.return)) _f.call(controls_1);
+                                    }
+                                    finally { if (e_11) throw e_11.error; }
+                                }
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                                return [2 /*return*/];
+                            }
+                            _h.label = 1;
+                        case 1:
+                            _h.trys.push([1, 6, 7, 8]);
+                            _c = __values(this.formFields), _d = _c.next();
+                            _h.label = 2;
+                        case 2:
+                            if (!!_d.done) return [3 /*break*/, 5];
+                            field = _d.value;
+                            if (!(field.isFormElement &&
+                                field.validation.triggers.includes("ON_SAVE"))) return [3 /*break*/, 4];
+                            validations = new kwikidToolkit.Validation({
+                                FIELD_CONFIG: field,
+                                FORM_FIELDS: this.formFields,
+                                FORM_DATA: this.formData,
+                                PREVIOUS_FORM_DATA: this.previousFormData,
+                                ALL_FORMS_DATA: this.allFormsData
+                            }, this.takeAction.bind(this));
+                            return [4 /*yield*/, validations.validate(field.validation)];
+                        case 3:
+                            _h.sent();
+                            if (!field.validation.is_valid) {
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                                return [2 /*return*/];
+                            }
+                            _h.label = 4;
+                        case 4:
+                            _d = _c.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_9_1 = _h.sent();
+                            e_9 = { error: e_9_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (_d && !_d.done && (_g = _c.return)) _g.call(_c);
+                            }
+                            finally { if (e_9) throw e_9.error; }
+                            return [7 /*endfinally*/];
+                        case 8:
+                            Object.keys(formData).map(function (key) {
+                                if (kwikidToolkit.isEmptyValue(formData[key])) {
+                                    formData[key] = "";
+                                }
+                            });
+                            this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
+                            return [2 /*return*/];
                     }
-                    finally { if (e_11) throw e_11.error; }
-                }
-                this.toggleErrorNotification(true);
-                setTimeout(function () {
-                    _this.toggleErrorNotification(false);
-                }, 3000);
-                return;
-            }
-            Object.keys(formData).map(function (key) {
-                if (kwikidToolkit.isEmptyValue(formData[key])) {
-                    formData[key] = "";
-                }
+                });
             });
-            this.onClickSaveForm.emit({ formConfig: this.formConfig, data: formData });
         };
         KwikIDFormViewComponent.prototype.toggleErrorNotification = function (show) {
             this.showErrorNotification = show;
@@ -3489,15 +3505,10 @@
                         case 0:
                             this.loader = true;
                             this.allFormsData = this.formsData;
-                            console.log("START");
-                            console.log(JSON.parse(JSON.stringify(this.formsList)));
                             return [4 /*yield*/, this.updateFormsList()];
                         case 1:
                             _d.sent();
-                            console.log("END");
-                            console.log(JSON.parse(JSON.stringify(this.formsList)));
                             this.handleResize(this.formsList);
-                            console.log(JSON.stringify(this.activeFormConfig), this.formsListCompleted);
                             if (!kwikidToolkit.isNotEmptyValue(this.activeFormConfig)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.handleOnClickSetActiveForm(this.activeFormConfig.key)];
                         case 2:
@@ -3767,9 +3778,7 @@
                             this.formsList = this.markFormInFormsListAsCompleted(this.formsList, this.formsListCompleted);
                             this.formsList = this.markFormInFormsListAsDisabled(this.formsList, this.formsListCompleted);
                             this.formsList = cloneDeep__namespace(this.formsList);
-                            if (this.checkIfFormsStatusCompleted(this.formsList, this.formsListCompleted)) {
-                                this.activeFormConfig = this.findActiveFormConfig(this.formsList);
-                            }
+                            this.activeFormConfig = this.findActiveFormConfig(this.formsList);
                             return [2 /*return*/];
                     }
                 });
@@ -3896,34 +3905,34 @@
          * @param e any
          */
         KwikIDFormsRendererComponent.prototype.handleOnClickSubmitForms = function (e) {
-            var _this = this;
-            if (this.userConfig.userFormFieldsConfig.validation) {
-                console.log(JSON.parse(JSON.stringify(this.userConfig)));
-                var validations_1 = new kwikidToolkit.Validation({
-                    FORMS_LIST: this.formsList,
-                    ALL_FORMS_DATA: this.formsData
-                }, this.takeAction.bind(this));
-                (function () { return __awaiter(_this, void 0, void 0, function () {
-                    var _this = this;
-                    return __generator(this, function (_d) {
-                        switch (_d.label) {
-                            case 0: return [4 /*yield*/, validations_1.validate(this.userConfig.userFormFieldsConfig.validation)];
-                            case 1:
-                                _d.sent();
-                                if (this.userConfig.userFormFieldsConfig.status === "completed") {
-                                    this.onClickSubmit.emit(e);
-                                }
-                                else {
-                                    this.toggleErrorNotification(true);
-                                    setTimeout(function () {
-                                        _this.toggleErrorNotification(false);
-                                    }, 3000);
-                                }
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })();
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                var validations;
+                var _this = this;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!this.userConfig.userFormFieldsConfig.validation) return [3 /*break*/, 2];
+                            validations = new kwikidToolkit.Validation({
+                                FORMS_LIST: this.formsList,
+                                ALL_FORMS_DATA: this.formsData
+                            }, this.takeAction.bind(this));
+                            return [4 /*yield*/, validations.validate(this.userConfig.userFormFieldsConfig.validation)];
+                        case 1:
+                            _d.sent();
+                            if (this.userConfig.userFormFieldsConfig.status === "completed") {
+                                this.onClickSubmit.emit(e);
+                            }
+                            else {
+                                this.toggleErrorNotification(true);
+                                setTimeout(function () {
+                                    _this.toggleErrorNotification(false);
+                                }, 3000);
+                            }
+                            _d.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
         };
         /**
          * Miscellaneous Methods
@@ -3952,7 +3961,7 @@
         return KwikIDFormsRendererComponent;
     }());
     /** @nocollapse */ KwikIDFormsRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: KwikIDFormsRendererComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ KwikIDFormsRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormsRendererComponent, selector: "kwikid-forms-renderer", inputs: { stepConfig: "stepConfig", userConfig: "userConfig", formsData: "formsData", apiCallResponse: "apiCallResponse" }, outputs: { onClickSubmit: "onClickSubmit", getFormData: "getFormData", onClickApiCall: "onClickApiCall" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<div ngClass=\"kwikid-renderer\">\n  <div\n    ngClass=\"kwikid-layout-container\"\n    *ngIf=\"!loading\"\n  >\n    <div\n      ngClass=\"kwikid-sections-container\"\n      *ngIf=\"showFormSections\"\n      class=\"active\"\n      [class.active]=\"showFormSections\"\n      [class.mobile]=\"isMobileView\"\n    >\n      <kwikid-forms-list\n        [showFormFields]=\"this.showFormFields\"\n        [userConfig]=\"this.userConfig\"\n        [formsList]=\"this.formsList\"\n        [formsListCompleted]=\"this.formsListCompleted\"\n        [isMobileView]=\"this.isMobileView\"\n        (onClickSetActiveForm)=\"this.handleOnClickSetActiveForm($event)\"\n        (onClickSubmitForms)=\"this.handleOnClickSubmitForms($event)\"\n      ></kwikid-forms-list>\n    </div>\n    <div\n      ngClass=\"kwikid-forms-container\"\n      *ngIf=\"this.showForm && this.showFormFields\"\n      [class.active]=\"showFormFields\"\n      [class.mobile]=\"isMobileView\"\n      [@panelInOut]\n    >\n      <kwikid-form-view\n        [formConfig]=\"this.activeFormConfig\"\n        [formData]=\"this.activeFormData\"\n        [apiCallResponse]=\"this.apiCallResponse\"\n        [formsList]=\"this.formsList\"\n        [allFormsData]=\"this.allFormsData\"\n        [isMobileView]=\"this.isMobileView\"\n        (onClickApiCall)=\"this.handleOnClickApiCall($event)\"\n        (onClickViewForms)=\"this.handleOnClickViewForms($event)\"\n        (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n      ></kwikid-form-view>\n    </div>\n  </div>\n</div>\n<div\n  ngClass=\"kwikid-forms-renderer-loader\"\n  *ngIf=\"loader\"\n>\n  <span class=\"loader\"></span>\n</div>\n<tui-push\n  id=\"error-notification\"\n  *tuiPush=\"showErrorNotification\"\n  heading=\"Please complete the required Forms!\"\n  type=\"Error\"\n  (close)=\"toggleErrorNotification(false)\"\n>\n  <tui-svg\n    src=\"tuiIconCancel\"\n    style=\"color: #fff !important\"\n  >\n  </tui-svg>\n</tui-push>\n", styles: [":host{position:relative}.kwikid-root{width:100%;height:100%}.kwikid-renderer{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-layout-container{display:flex;flex-direction:row;padding:0 1rem;height:100%;justify-content:center;align-items:stretch;background:var(--tui-secondary);position:relative}.kwikid-sections-container{display:block;width:100%;max-width:400px;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);margin:auto 1rem auto 0;box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-sections-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}.kwikid-forms-container{display:block;width:100%;max-width:50%;margin:auto 0;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-forms-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}@media screen and (max-width: 600px){.kwikid-layout-container{padding:0;background:transparent}.kwikid-sections-container{position:absolute;max-width:100%;bottom:-10000px;left:-10000px;opacity:0;padding:0;visibility:hidden}.kwikid-sections-container.active{visibility:visible}.kwikid-sections-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container{display:none;max-width:100%;height:100%;padding:0;border-radius:0;box-shadow:none}.kwikid-forms-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container.active{display:block}}.kwikid-forms-renderer-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-forms-renderer-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-forms-renderer-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-forms-renderer-loader .t-loader{display:none!important}#error-notification{background-color:var(--tui-error-fill);color:#fff!important}#error-notification .t-top{color:#fff!important}#error-notification .t-close{color:#fff!important}\n"], components: [{ type: KwikIDFormsListComponent, selector: "kwikid-forms-list", inputs: ["showFormFields", "userConfig", "formsList", "formsListCompleted", "isMobileView"], outputs: ["onClickSetActiveForm", "onClickHideFormsList", "onClickSubmitForms"] }, { type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["formConfig", "formData", "apiCallResponse", "isMobileView", "allFormsData", "formsList"], outputs: ["onClickViewForms", "onClickSaveForm", "onClickApiCall"] }, { type: i4__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i4__namespace.TuiPushDirective, selector: "tui-push" }], animations: [
+    /** @nocollapse */ KwikIDFormsRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDFormsRendererComponent, selector: "kwikid-forms-renderer", inputs: { stepConfig: "stepConfig", userConfig: "userConfig", formsData: "formsData", apiCallResponse: "apiCallResponse" }, outputs: { onClickSubmit: "onClickSubmit", getFormData: "getFormData", onClickApiCall: "onClickApiCall" }, host: { listeners: { "window:resize": "windowResizeWatcher($event)" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<div ngClass=\"kwikid-renderer\">\n  <div\n    ngClass=\"kwikid-layout-container\"\n    *ngIf=\"!loading\"\n  >\n    <div\n      ngClass=\"kwikid-sections-container\"\n      *ngIf=\"showFormSections\"\n      class=\"active\"\n      [class.active]=\"showFormSections\"\n      [class.mobile]=\"isMobileView\"\n    >\n      <kwikid-forms-list\n        [showFormFields]=\"this.showFormFields\"\n        [userConfig]=\"this.userConfig\"\n        [formsList]=\"this.formsList\"\n        [formsListCompleted]=\"this.formsListCompleted\"\n        [isMobileView]=\"this.isMobileView\"\n        (onClickSetActiveForm)=\"this.handleOnClickSetActiveForm($event)\"\n        (onClickSubmitForms)=\"this.handleOnClickSubmitForms($event)\"\n      ></kwikid-forms-list>\n    </div>\n    <div\n      ngClass=\"kwikid-forms-container\"\n      *ngIf=\"\n        this.showForm &&\n        this.showFormFields &&\n        this.activeFormConfig !== undefined\n      \"\n      [class.active]=\"showFormFields\"\n      [class.mobile]=\"isMobileView\"\n      [@panelInOut]\n    >\n      <kwikid-form-view\n        [formConfig]=\"this.activeFormConfig\"\n        [formData]=\"this.activeFormData\"\n        [apiCallResponse]=\"this.apiCallResponse\"\n        [formsList]=\"this.formsList\"\n        [allFormsData]=\"this.allFormsData\"\n        [isMobileView]=\"this.isMobileView\"\n        (onClickApiCall)=\"this.handleOnClickApiCall($event)\"\n        (onClickViewForms)=\"this.handleOnClickViewForms($event)\"\n        (onClickSaveForm)=\"this.handleOnClickSaveForm($event)\"\n      ></kwikid-form-view>\n    </div>\n  </div>\n</div>\n<div\n  ngClass=\"kwikid-forms-renderer-loader\"\n  *ngIf=\"loader\"\n>\n  <span class=\"loader\"></span>\n</div>\n<tui-push\n  id=\"error-notification\"\n  *tuiPush=\"showErrorNotification\"\n  heading=\"Please complete the required Forms!\"\n  type=\"Error\"\n  (close)=\"toggleErrorNotification(false)\"\n>\n  <tui-svg\n    src=\"tuiIconCancel\"\n    style=\"color: #fff !important\"\n  >\n  </tui-svg>\n</tui-push>\n", styles: [":host{position:relative}.kwikid-root{width:100%;height:100%}.kwikid-renderer{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:center;width:100%;height:100%}.kwikid-layout-container{display:flex;flex-direction:row;padding:0 1rem;height:100%;justify-content:center;align-items:stretch;background:var(--tui-secondary);position:relative}.kwikid-sections-container{display:block;width:100%;max-width:400px;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);margin:auto 1rem auto 0;box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-sections-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}.kwikid-forms-container{display:block;width:100%;max-width:50%;margin:auto 0;height:calc(100% - 2rem);padding:.25rem .5rem 0;border-radius:1rem;background-color:var(--tui-base-01);box-shadow:0 0 12px -8px var(--tui-primary)}.kwikid-forms-container.mobile{position:absolute;top:0;left:0;z-index:5;opacity:1;visibility:visible;transition:all 1s;height:100%;border-radius:0;max-width:unset}@media screen and (max-width: 600px){.kwikid-layout-container{padding:0;background:transparent}.kwikid-sections-container{position:absolute;max-width:100%;bottom:-10000px;left:-10000px;opacity:0;padding:0;visibility:hidden}.kwikid-sections-container.active{visibility:visible}.kwikid-sections-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container{display:none;max-width:100%;height:100%;padding:0;border-radius:0;box-shadow:none}.kwikid-forms-container.mobile{height:100%;opacity:1;visibility:visible;transition:all 2s;border-radius:0;box-shadow:none;top:0px;margin:0;position:absolute}.kwikid-forms-container.active{display:block}}.kwikid-forms-renderer-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;z-index:100}.kwikid-forms-renderer-loader .loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:#fff #fff transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.kwikid-forms-renderer-loader .loader:after{content:\"\";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--tui-primary) var(--tui-primary);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.kwikid-forms-renderer-loader .t-loader{display:none!important}#error-notification{background-color:var(--tui-error-fill);color:#fff!important}#error-notification .t-top{color:#fff!important}#error-notification .t-close{color:#fff!important}\n"], components: [{ type: KwikIDFormsListComponent, selector: "kwikid-forms-list", inputs: ["showFormFields", "userConfig", "formsList", "formsListCompleted", "isMobileView"], outputs: ["onClickSetActiveForm", "onClickHideFormsList", "onClickSubmitForms"] }, { type: KwikIDFormViewComponent, selector: "kwikid-form-view", inputs: ["formConfig", "formData", "apiCallResponse", "isMobileView", "allFormsData", "formsList"], outputs: ["onClickViewForms", "onClickSaveForm", "onClickApiCall"] }, { type: i4__namespace.TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "timestamp"], outputs: ["close"] }, { type: i3__namespace.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }], directives: [{ type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.TuiPushAlertDirective, selector: "[tuiPush]", inputs: ["tuiPush"] }, { type: i4__namespace.TuiPushDirective, selector: "tui-push" }], animations: [
             animations.trigger("panelInOut", [
                 animations.transition(":enter", [
                     animations.style({ transform: "translateY(100%)" }),