{"__symbolic":"module","version":4,"metadata":{"CustomReactiveFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":30,"character":8},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":32,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"kt-reactive-form-layout","template":"<form class=\"kt-form kt-form--label-right\" novalidate (ngSubmit)=\"onSubmit(form.value,form.valid)\" [formGroup]=\"form\"\r\n    autocomplete=\"off\">\r\n\r\n    <!-- Body -->\r\n    <div class=\"kt-portlet__body\">\r\n        <div *ngFor=\"let field of fieldList;let formIndex = index;\">\r\n            <kt-reactive-form-field [formField]=\"field\" [form]=\"form\" [options]=\"options\" [values]=\"values\"\r\n                (valueChange)=\"onValueChange($event)\"></kt-reactive-form-field>\r\n        </div>\r\n    </div>\r\n    <!-- Body -->\r\n\r\n    <div class=\"kt-portlet__foot p-0\">\r\n        <div class=\"kt-form__actions\">\r\n            <div class=\"row justify-content-center\">\r\n                <button type=\"button\" class=\"btn btn-secondary\"\r\n                    (click)=\"this.location.back();\">{{formConfigrations.back_button_lable}}</button>\r\n                <button type=\"submit\" class=\"btn btn-primary ml-2\"\r\n                    [disabled]=\"!form.valid || !isLoading\">{{formConfigrations.submit_button_lable}}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</form>","styles":[""]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"fieldList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"formConfigrations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"submitForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":21,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kt-input-checkbox","template":"<div class=\"form-group\" [formGroup]=\"form\" *ngIf=\"!isHideExpression\">\r\n        <label for=\"\">{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n        <div class=\"m-checkbox-inline\">\r\n            <label class=\"m-checkbox\">\r\n                <input type=\"checkbox\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\"\r\n                    id=\"customCheck-{{fieldObj.label}}\" [formControlName]=\"fieldObj.key\" (change)=\"notifyChange()\">\r\n                {{fieldObj.label}}\r\n                <span></span>\r\n            </label>\r\n            <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n                <small>{{fieldObj.error_message}}</small>\r\n            </div>\r\n        </div>\r\n</div>","styles":[""]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":5},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"matchValueExpression":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kt-input-textbox","template":"<div [formGroup]=\"form\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <input autocomplete=\"off\" class=\"form-control\" placeholder=\"{{fieldObj.label}}\" [formControlName]=\"fieldObj.key\"\r\n        [id]=\"fieldObj.key\" [type]=\"fieldObj.type\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\"\r\n        (change)=\"notifyChange($event)\" autocomplete=\"new-password\">\r\n\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.minlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_min\">Minimum required number is {{fieldObj.min_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_min\">{{fieldObj.error_message_min}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.maxlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_max\">Maximum required number is {{fieldObj.max_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_max\">{{fieldObj.error_message_max}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.pattern\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message_email || 'Please enter valid email.'}}</small>\r\n    </div>\r\n</div>","styles":[":host .mat-form-field{width:100%;height:55px}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kt-input-chip","template":"<div class=\"form-group\" [formGroup]=\"form\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <!-- <tag-input [ngModel]=\"fieldObj.value\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\" [formControlName]=\"fieldObj.key\" [identifyBy]=\"'id'\" [displayBy]=\"'lable'\"\r\n        theme='bootstrap' (onRemove)=\"notifyChange($event)\" appendToBody=\"true\" [maxItems]='fieldObj.max_length'\r\n        (onAdd)=\"notifyChange($event)\">\r\n        <tag-input-dropdown [autocompleteItems]=\"options\" [showDropdownIfEmpty]=\"true\" [dynamicUpdate]=\"false\"\r\n            [identifyBy]=\"'id'\" [displayBy]=\"'lable'\">\r\n        </tag-input-dropdown>\r\n    </tag-input> -->\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.minlength && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_min\">Minimum required number is {{fieldObj.min_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_min\">{{fieldObj.error_message_min}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.maxlength && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_max\">Minimum required number is {{fieldObj.max_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_max\">{{fieldObj.error_message_max}}</small>\r\n    </div>\r\n</div>","styles":[":host .ng-trigger-animation{-webkit-box-align:center;align-items:center}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kt-input-select","template":"<!-- <div [formGroup]=\"form\" class=\"form-group mb-0\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <ng-select #api [items]=\"options | async\"   bindLabel=\"name\" bindValue=\"id\"\r\n        placeholder=\"{{placeholder}}\" [searchable]=\"true\" [multiple]=\"fieldObj.multiple\" [formControlName]=\"fieldObj.key\"\r\n        typeToSearchText=\"Type to search\" [closeOnSelect]=\"false\" appendTo=\"body\" maxSelectedItems=\"100\"\r\n        class=\"multi-select\">\r\n        <ng-template ng-header-tmp>\r\n            <div class=\"input-group-multi-select position-relative\">\r\n                <input class=\"form-control multi-select-search\" type=\"text\" placeholder=\"Search...\"\r\n                    [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterText\"\r\n                    (input)=\"api.filter($event.target.value)\" />\r\n                <span class=\"clear\" (click)=\"api.filter('');filterText = ''\">X</span>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template ng-option-tmp let-item=\"item\" let-item$=\"item$\" let-index=\"index\" *ngIf=\"fieldObj.multiple\">\r\n            <label class=\"ng-select-container-checkbox\"><span class=\"checked\">{{item.name}}</span>\r\n                <input id=\"item-{{index}}\" type=\"checkbox\" class=\"checkbox-input\" [ngModel]=\"item$.selected\"\r\n                    [ngModelOptions]=\"{standalone: true}\">\r\n                <span class=\"checkmark\"></span>\r\n            </label>\r\n        </ng-template>\r\n    </ng-select>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n</div> -->","styles":[".ng-select-container-checkbox{font-family:Nunito;font-size:14px;line-height:19px;color:#6c757d;display:block;position:relative;padding-left:24px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-input{width:100%;height:100%;position:absolute;right:0;opacity:0;cursor:pointer;z-index:999}.checkmark{position:absolute;top:0;left:0;height:17px;width:17px;background-color:#fff;border:1px solid #0af;border-radius:3px}input[type=checkbox]:checked+label{color:red;font-style:normal}.ng-select-container-checkbox:hover input~.checkmark{background-color:#fff}.ng-select-container-checkbox input:checked~.checkmark{background-color:#fff;color:#1b181d}.ng-select-container-checkbox input:checked~checked{color:#1b181d!important}.checkmark:after{content:\"\";position:absolute;display:none}.ng-select-container-checkbox input:checked~.checkmark:after{display:block}.ng-select-container-checkbox .checkmark:after{left:5px;top:2px;width:5px;height:10px;border:solid #0af;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.multi-select-search{color:#6c757d;font-family:Nunito;font-size:14px;line-height:24px;border-radius:4px;background-color:#fff}.clear{position:absolute;right:10px;top:9px;font-size:14px;cursor:pointer}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kt-input-radio","template":"<div [formGroup]=\"form\" class=\"form-group\" *ngIf=\"!isHideExpression\">\r\n    <div class=\"m-form__group form-group\">\r\n        <label for=\"\">{{fieldObj.label}}</label>\r\n        <div class=\"m-radio-inline\">\r\n            <label class=\"m-radio\" *ngFor=\"let option of fieldObj.options;let index = index\">\r\n                <input type=\"radio\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\" formControlName=\"{{fieldObj.key}}\" id=\"customRadio-{{index}}\" value=\"{{option.name}}\" (change)=\"notifyChange()\">\r\n                {{option.lable}}\r\n                <span></span>\r\n            </label>\r\n            <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n                <small>{{fieldObj.error_message}}</small>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[":host .ml-4{margin-left:4px!important}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"kt-input-datepicker","providers":[{"provide":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDateParserFormatter","line":12,"character":27},"useClass":{"__symbolic":"reference","name":"ɵi"}}],"template":"<div class=\"form-group\" [formGroup]=\"form\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <div class=\"input-group\">\r\n        <input type=\"text\" class=\"form-control cursor-pointer\" format=\"fieldObj.format\" placeholder=\"{{fieldObj.label}}\"\r\n            (click)=\"d.toggle();$event.stopPropagation();\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\" (document:click)=\"d.close()\" readonly\r\n            [formControlName]=\"fieldObj.key\" ngbDatepicker #d=\"ngbDatepicker\" container=\"body\"\r\n            (ngModelChange)=\"notifyChange()\">\r\n        <div class=\"input-group-append\">\r\n            <button class=\"btn btn-primary\" (click)=\"d.toggle();$event.stopPropagation();\" (document:click)=\"d.close()\"\r\n                type=\"button\">\r\n                <i class=\"la la-calendar p-0\"></i>{{fieldObj.key.value}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n</div>","styles":[":host .mat-form-field{width:100%;height:55px}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDatepickerConfig","line":24,"character":31},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}],"parse":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDateParserFormatter","line":21,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"parse":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"kt-input-timepicker","template":"<div [formGroup]=\"form\" class=\"form-group\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <div class=\"input-group\">\r\n        <input autocomplete=\"off\" class=\"form-control cursor-pointer\" #timePicker atp-time-picker fieldObj=\"20:55\"\r\n            placeholder=\"{{fieldObj.label}}\" [formControlName]=\"fieldObj.key\" [id]=\"fieldObj.key\" readonly\r\n            [type]=\"fieldObj.type\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\"\r\n            (change)=\"notifyChange($event)\" maxlength=\"fieldObj.max_length\">\r\n\r\n        <div class=\"input-group-append\">\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"timePicker.click()\"><i class=\"la la-clock-o\"></i></button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.minlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_min\">Minimum required number is {{fieldObj.min_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_min\">{{fieldObj.error_message_min}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.maxlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_max\">Minimum required number is {{fieldObj.max_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_max\">{{fieldObj.error_message_max}}</small>\r\n    </div>\r\n</div>","styles":[""]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kt-input-textarea","template":"<div [formGroup]=\"form\" class=\"form-group\" *ngIf=\"!isHideExpression\">\r\n    <label>{{fieldObj.label}} <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <textarea autocomplete=\"off\" class=\"form-control\" placeholder=\"{{fieldObj.label}}\" [formControlName]=\"fieldObj.key\"\r\n        [id]=\"fieldObj.key\" (change)=\"notifyChange($event)\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\" maxlength=\"fieldObj.max_length\"></textarea>\r\n\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n        <small>{{fieldObj.error_message}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.minlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_min\">Minimum required number is {{fieldObj.min_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_min\">{{fieldObj.error_message_min}}</small>\r\n    </div>\r\n    <div *ngIf=\"form.get(fieldObj.key).errors?.maxlength\" class=\"text-danger\">\r\n        <small *ngIf=\"!fieldObj.error_message_max\">Minimum required number is {{fieldObj.max_length}}</small>\r\n        <small *ngIf=\"fieldObj.error_message_max\">{{fieldObj.error_message_max}}</small>\r\n    </div>\r\n</div>\r\n\r\n<!-- rows=\"4\" cols=\"50\" -->","styles":[""]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"kt-input-separator","template":"<div class=\"m-separator m-separator--dashed m-separator--lg\"></div>\r\n<div class=\"m-form__section mb-4\">\r\n    <div class=\"m-form__heading\">\r\n        <h3 class=\"m-form__heading-title\">{{fieldObj.label}} <i class=\"m-form__heading-help-icon flaticon-info\"\r\n               placement=\"right\" ngbTooltip=\"{{fieldObj.tooltip}}\"></i></h3>\r\n    </div>\r\n</div>","styles":[".m-separator{margin:30px 0!important}.m-form__heading-title{text-transform:capitalize}"]}]}],"members":{"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"kt-input-file-uploader","template":"<div class=\"form-group\" [formGroup]=\"form\" *ngIf=\"!isHideExpression\">\r\n    <label>Image <span class=\"required-lable\" *ngIf=\"fieldObj.required\">*</span></label>\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <div class=\"img-preview position-relative\">\r\n                <img [src]=\"imagePreview || defaultIcon\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\">\r\n                <span class=\"clear-img\" *ngIf=\"imagePreview\" (click)=\"resetImage()\">X</span>\r\n                <div class=\"upload-img-input\" [ngClass]=\"{'has-error': form.get(fieldObj.key).errors}\">\r\n                    Choose file\r\n                    <input class=\"form-control\" name=\"image\" [formControlName]=\"fieldObj.key\" #fileInput type=\"file\"\r\n                        (change)=\"fileChange($event); notifyChange()\" class=\"file-input-text\" id=\"output\"  accept=\"{{fieldObj.allowedExtensions}}\">\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"form.get(fieldObj.key).errors?.required && form.get(fieldObj.key).touched\" class=\"text-danger\">\r\n                <small>{{fieldObj.error_message || 'Image is required'}}</small>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".file-input{padding:.6rem 1.6rem;font-size:.64rem;border:2px solid #8c99e0!important;background-color:transparent!important;color:#8c99e0!important;width:100%;border-radius:30px}.file-input-span{color:#8c99e0!important;font-weight:700}.file-input-text{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;cursor:pointer;opacity:0}.file-path-wrapper{overflow:hidden;padding-left:10px;height:2.5rem}.img-preview input{height:100%;width:120px}.img-preview img{height:120px;width:120px;border:1px solid #ebedf2}.upload-img-input{width:120px;background:#d3d3d3;cursor:pointer;color:#fff;text-align:center;font-weight:700;padding:5px}.clear-img{position:absolute;left:104px;top:1px;width:15px;text-align:center;cursor:pointer;background:gray;color:#fff;z-index:9999}.clear-img:hover{background:#fff;color:gray}"]}]}],"members":{"fileInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":5},"arguments":["fileInput",{"read":true,"static":false}]}]}],"fieldObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":29,"character":26},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":31,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"fileChange":[{"__symbolic":"method"}],"hideExpression":[{"__symbolic":"method"}],"setValidations":[{"__symbolic":"method"}],"clearValidations":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"notifyChange":[{"__symbolic":"method"}],"resetImage":[{"__symbolic":"method"}],"resetImgTag":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"kt-reactive-form-field","template":"<div class=\"form-group row\" [formGroup]=\"form\">\r\n    <div *ngFor=\"let subfield of formField.fields\" [ngClass]=\"subfield.display_layout\">\r\n        <div [ngSwitch]=\"subfield.type\">\r\n\r\n            <div *ngSwitchCase=\"'text'\">\r\n                <kt-input-textbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textbox>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'email'\">\r\n                <kt-input-textbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textbox>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'url'\">\r\n                <kt-input-textbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textbox>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'textarea'\">\r\n                <kt-input-textarea [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textarea>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'number'\">\r\n                <kt-input-textbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textbox>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'password'\">\r\n                <kt-input-textbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-textbox>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'radio'\">\r\n                <kt-input-radio [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-radio>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'select'\">\r\n                <kt-input-select [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-select>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'date'\">\r\n                <kt-input-datepicker [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-datepicker>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'time'\">\r\n                <kt-input-timepicker [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-timepicker>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'checkbox'\">\r\n                <kt-input-checkbox [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-checkbox>\r\n            </div>\r\n\r\n            <!-- <div *ngSwitchCase=\"'chip'\">\r\n                <kt-input-chip [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-chip>\r\n            </div> -->\r\n\r\n            <div *ngSwitchCase=\"'uploader'\">\r\n                <kt-input-file-uploader [fieldObj]=\"subfield\" [form]=\"form\" [options]=\"options[subfield.key]\"\r\n                    [values]=\"values[subfield.key]\" (valueChange)=\"onValueChange($event)\">\r\n                </kt-input-file-uploader>\r\n            </div>\r\n\r\n            <div *ngSwitchCase=\"'separator'\">\r\n                <kt-input-separator [fieldObj]=\"subfield\">\r\n                </kt-input-separator>\r\n            </div>\r\n\r\n        </div>\r\n        <!-- <div *ngIf=\"form.get(subfield.key).errors?.required && form.get(subfield.key).touched\" class=\"text-danger error-message\">\r\n            <small>{{subfield.error_message}}</small></div> -->\r\n    </div>\r\n</div>","styles":[":host .pp-2{padding:.3rem}"]}]}],"members":{"formField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"values":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}]}}},"origins":{"CustomReactiveFormModule":"./lib/reactive-form.module","ɵa":"./lib/pages/reactive-form-layout/reactive-form-layout.component","ɵb":"./lib/components/checkbox/checkbox.component","ɵc":"./lib/services/reactive-form.service","ɵd":"./lib/components/textbox/textbox.component","ɵe":"./lib/components/chip/chip.component","ɵf":"./lib/components/select/select.component","ɵg":"./lib/components/radio/radio.component","ɵh":"./lib/components/datepicker/datepicker.component","ɵi":"./lib/components/datepicker/ngb-date-fr-parser-formatter","ɵj":"./lib/components/timepicker/timepicker.component","ɵk":"./lib/components/textarea/textarea.component","ɵl":"./lib/components/separator/separator.component","ɵm":"./lib/components/file-uploader/file-uploader.component","ɵn":"./lib/components/reactive-fields-component/reactive-field-component"},"importAs":"dynamic-reactive-form"}