{"__symbolic":"module","version":4,"metadata":{"JkFormBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ng-jk-form-builder","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"},"providers":[{"__symbolic":"reference","name":"ɵa"}],"template":"<ng-jk-editor *ngIf=\"isEdit && editable\"></ng-jk-editor>\r\n<ng-jk-form-actions *ngIf=\"isEditForm && editable\"></ng-jk-form-actions>\r\n\r\n<formly-form\r\n  [ngClass]=\"{'view' : !editable, 'preview' : mode === 'preview'}\"\r\n  *ngIf=\"config && show\"\r\n  [model]=\"config.model\"\r\n  [fields]=\"config.fields\"\r\n  [form]=\"config.form\"\r\n  [options]=\"config.options\"\r\n></formly-form>\r\n\r\n<div class=\"div buttons\" *ngIf=\"editable\">\r\n  <div class=\"btn-group\" role=\"group\">\r\n    <button type=\"button\" class=\"btn btn-{{modeButtonClass('preview')}}\" (click)=\"setMode('preview')\">Preview</button>\r\n    <button type=\"button\" class=\"btn btn-{{modeButtonClass('edit')}}\" (click)=\"setMode('edit')\">Edit</button>\r\n  </div>\r\n  <span></span>\r\n  <ng-container *ngIf=\"enableSaveReset\">\r\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\">Reset</button>\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"save()\">Save</button>\r\n  </ng-container>\r\n</div>\r\n\r\n","styles":[".form-row{position:relative}.form-row label.required:after{content:\"*\";color:red;display:inline-block;margin-left:5px}.form-row:hover:before{box-shadow:0 0 0 2px rgba(255,0,0,.7);content:\"\";display:block;width:100%;height:100%;position:absolute;top:-6px;left:0;border-radius:5px}.ng-invalid.ng-touched{border-color:#dc3545}.buttons{padding:5px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}.buttons button:last-child{margin-left:5px}.buttons span{display:inline-block;margin:0 10px;color:#9e9e9e;height:20px;background:#9e9e9e;width:1px}.preview ng-jk-edit-input-button,.view ng-jk-edit-input-button{display:none!important}.preview ng-jk-blank,.preview ng-jk-checkbox,.preview ng-jk-checkboxes,.preview ng-jk-input,.preview ng-jk-radio,.preview ng-jk-select,.preview ng-jk-select-multiple,.preview ng-jk-text-header,.preview ng-jk-text-paragraph,.preview ng-jk-textarea,.view ng-jk-blank,.view ng-jk-checkbox,.view ng-jk-checkboxes,.view ng-jk-input,.view ng-jk-radio,.view ng-jk-select,.view ng-jk-select-multiple,.view ng-jk-text-header,.view ng-jk-text-paragraph,.view ng-jk-textarea{border:none}.preview ng-jk-blank:hover,.preview ng-jk-checkbox:hover,.preview ng-jk-checkboxes:hover,.preview ng-jk-input:hover,.preview ng-jk-radio:hover,.preview ng-jk-select-multiple:hover,.preview ng-jk-select:hover,.preview ng-jk-text-header:hover,.preview ng-jk-text-paragraph:hover,.preview ng-jk-textarea:hover,.view ng-jk-blank:hover,.view ng-jk-checkbox:hover,.view ng-jk-checkboxes:hover,.view ng-jk-input:hover,.view ng-jk-radio:hover,.view ng-jk-select-multiple:hover,.view ng-jk-select:hover,.view ng-jk-text-header:hover,.view ng-jk-text-paragraph:hover,.view ng-jk-textarea:hover{box-shadow:unset;background:0 0;border-color:none}.preview formly-group:hover:before,.view formly-group:hover:before{display:none}"]}]}],"members":{"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"enableSaveReset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"event":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"forms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"setFormsListOptions":[{"__symbolic":"method"}],"loadForms":[{"__symbolic":"method"}],"backup":[{"__symbolic":"method"}],"putInitialFields":[{"__symbolic":"method"}],"watchEvents":[{"__symbolic":"method"}],"applyFormAction":[{"__symbolic":"method"}],"deleteInput":[{"__symbolic":"method"}],"insertRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"duplicate":[{"__symbolic":"method"}],"deleteFieldGroupMembersID":[{"__symbolic":"method"}],"addColumn":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"updateInput":[{"__symbolic":"method"}],"reloadForm":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"setMode":[{"__symbolic":"method"}],"modeButtonClass":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"JkFormBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"JkFormBuilderComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":36,"character":4},{"__symbolic":"reference","name":"ɵp"}],"exports":[{"__symbolic":"reference","name":"JkFormBuilderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"JkFormBuilderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":18},{"__symbolic":"reference","name":"ɵc"}]}],"dispatchAction":[{"__symbolic":"method"}],"getFormById":[{"__symbolic":"method"}],"isWith":[{"__symbolic":"method"}],"isWithout":[{"__symbolic":"method"}],"getInputOriginPath":[{"__symbolic":"method"}],"getFieldByPath":[{"__symbolic":"method"}],"getFieldById":[{"__symbolic":"method"}],"clone":[{"__symbolic":"method"}],"loadForms":[{"__symbolic":"method"}],"getFormSchema":[{"__symbolic":"method"}],"setFormsSelectionOptions":[{"__symbolic":"method"}],"getFieldOrigin":[{"__symbolic":"method"}],"getAllFieldKeys":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":44},"arguments":["FormBuilderConfig"]},"ɵc":{"__symbolic":"interface"},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ng-jk-editor","template":"<div\r\n  class=\"modal\"\r\n  id=\"staticBackdrop\"\r\n  data-backdrop=\"static\"\r\n  role=\"dialog\">\r\n\r\n  <div class=\"modal-dialog\" role=\"document\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\" id=\"staticBackdropLabel\">Edit Field</h5>\r\n\r\n        <button (click)=\"close()\" type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n\r\n        <ng-jk-editor-tabs [field]=\"field\" (onselect)=\"onTabSelect($event)\"></ng-jk-editor-tabs>\r\n\r\n        <form [formGroup]=\"form\" *ngIf=\"form && activeTab\">\r\n\r\n          <ng-container [ngSwitch]=\"activeTab.value\">\r\n            <ng-jk-editor-main-tab *ngSwitchCase=\"'main'\" [form]=\"form.get('main')\"></ng-jk-editor-main-tab>\r\n            <ng-jk-editor-options-tab *ngSwitchCase=\"'options'\" [form]=\"form.get('options')\"></ng-jk-editor-options-tab>\r\n            <ng-jk-editor-layout-tab *ngSwitchCase=\"'layout'\" [form]=\"form.get('layout')\"></ng-jk-editor-layout-tab>\r\n            <ng-jk-editor-validation-tab *ngSwitchCase=\"'validation'\" [form]=\"form.get('validation')\"></ng-jk-editor-validation-tab>\r\n          </ng-container>\r\n\r\n        </form>\r\n\r\n\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <button (click)=\"close()\" type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cancel</button>\r\n        <button type=\"button\" class=\"btn btn-primary\" (click)=\"update()\">Update</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".modal{display:initial;background-color:rgba(51,51,51,.5)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":22,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"watchEvents":[{"__symbolic":"method"}],"buildForm":[{"__symbolic":"method"}],"getDefaultValue":[{"__symbolic":"method"}],"getCurrentFieldColumn":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onTabSelect":[{"__symbolic":"method"}],"isTab":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"isValidForm":[{"__symbolic":"method"}],"isFieldKeyAlreadyExist":[{"__symbolic":"method"}],"generateNewFieldClassName":[{"__symbolic":"method"}],"updateFieldOptions":[{"__symbolic":"method"}],"getCurrentFieldOptions":[{"__symbolic":"method"}],"isObjectType":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ng-jk-editor-tabs","template":"<ul class=\"nav nav-tabs\">\r\n  <li\r\n    (click)=\"selectTab(tab)\"\r\n    class=\"nav-item\" *ngFor=\"let tab of tabs\">\r\n    <a class=\"nav-link\" [ngClass]=\"{'active': tab.value === activeTab.value}\" >{{tab.label}}</a>\r\n  </li>\r\n</ul>\r\n<br>\r\n","styles":["li{cursor:pointer}li:hover a{background-color:#f1f1f1}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"watchInputTypeChange":[{"__symbolic":"method"}],"appendDynamicTabs":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"appendOptionsTab":[{"__symbolic":"method"}],"appendLayoutTab":[{"__symbolic":"method"}],"appendValidationTab":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ng-jk-editor-main-tab","template":"<form [formGroup]=\"form\" *ngIf=\"form && formLoaded\">\r\n  <div class=\"form-group row\">\r\n    <label class=\"col-sm-3 col-form-label\">Type</label>\r\n    <div class=\"col-sm-9\">\r\n      <select class=\"form-control\" formControlName=\"type\">\r\n        <optgroup *ngFor=\"let group of inputTypeGroups\" [label]=\"inputTypes[group].label\">\r\n          <option *ngFor=\"let type of inputTypes[group].fields\" [value]=\"type.value\">{{type.label}}</option>\r\n        </optgroup>\r\n\r\n      </select>\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('label')\">\r\n    <label class=\"col-sm-3 col-form-label\">Label</label>\r\n    <div class=\"col-sm-9\">\r\n      <input type=\"text\" class=\"form-control\" formControlName=\"label\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('key')\">\r\n    <label class=\"col-sm-3 col-form-label\">Key</label>\r\n    <div class=\"col-sm-9\">\r\n      <input type=\"text\" class=\"form-control\" formControlName=\"key\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('defaultValue')\">\r\n    <label class=\"col-sm-3 col-form-label\">Default Value</label>\r\n    <div class=\"col-sm-9\">\r\n\r\n      <ng-container [ngSwitch]=\"form.value.type\">\r\n        <div *ngSwitchCase=\"'checkbox'\" class=\"checkbox-type\">\r\n          <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"defaultValue\">\r\n        </div>\r\n\r\n        <select *ngSwitchCase=\"'select'\" class=\"form-control\" formControlName=\"defaultValue\">\r\n          <option\r\n            [value]=\"opt.id\"\r\n            *ngFor=\"let opt of form.parent.value.options\">\r\n            {{opt.label}}\r\n          </option>\r\n        </select>\r\n        <select multiple=\"true\" *ngSwitchCase=\"'select_multiple'\" class=\"form-control\" formControlName=\"defaultValue\">\r\n          <option\r\n            [value]=\"opt.id\"\r\n            *ngFor=\"let opt of form.parent.value.options\">\r\n            {{opt.label}}\r\n          </option>\r\n        </select>\r\n\r\n        <ng-container *ngSwitchCase=\"'radio'\">\r\n          <div class=\"form-check\" *ngFor=\"let opt of form.parent.value.options\">\r\n            <input [id]=\"opt.id\" class=\"form-check-input\" type=\"radio\" [value]=\"opt.id\" formControlName=\"defaultValue\">\r\n            <label [for]=\"opt.id\" class=\"form-check-label\">\r\n              {{opt.label}}\r\n            </label>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"'checkboxes'\" [formGroup]=\"form.get('defaultValue')\">\r\n          <div class=\"form-check\" *ngFor=\"let opt of form.parent.value.options\">\r\n            <input [id]=\"opt.id\" class=\"form-check-input\" type=\"checkbox\" [formControlName]=\"opt.id\">\r\n            <label [for]=\"opt.id\" class=\"form-check-label\">\r\n              {{opt.label}}\r\n            </label>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <input *ngSwitchDefault class=\"form-control\" formControlName=\"defaultValue\">\r\n      </ng-container>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"form-group row\" *ngIf=\"isWith('formId') && allowFormSelection\">\r\n    <label class=\"col-sm-3 col-form-label\">Form</label>\r\n    <div class=\"col-sm-9\">\r\n      <select class=\"form-control\" formControlName=\"formId\">\r\n        <option *ngFor=\"let form of formSelectionOptions\" [value]=\"form.id\">{{form.name}}</option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n</form>\r\n<!-- {{form.value.defaultValue | json}} -->\r\n","styles":[".checkbox-type{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%}.checkbox-type input{margin:0}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":29,"character":16},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"watchFieldTypeOnChange":[{"__symbolic":"method"}],"isWithout":[{"__symbolic":"method"}],"isWith":[{"__symbolic":"method"}],"allowFormSelection":[{"__symbolic":"method"}],"updateFormControlDefaultValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-editor-options-tab","template":"<div class=\"options\">\r\n  <div>\r\n    ID\r\n  </div>\r\n  <div>\r\n    Label\r\n  </div>\r\n  <button class=\"add-btn\">\r\n    <i class=\"fa fa-minus-circle\"></i>\r\n  </button>\r\n</div>\r\n<div class=\"options\">\r\n  <div>\r\n    <input type=\"text\" [(ngModel)]=\"id\" class=\"form-control form-control-sm\">\r\n  </div>\r\n  <div>\r\n    <input type=\"text\" [(ngModel)]=\"label\" class=\"form-control form-control-sm\">\r\n  </div>\r\n  <button (click)=\"add()\" class=\"add-btn\">\r\n    <i class=\"fa fa-plus-square\"></i>\r\n  </button>\r\n</div>\r\n<div class=\"options\" *ngFor=\"let option of form.value;let i = index\">\r\n  <div>\r\n    {{option.id}}\r\n  </div>\r\n  <div>\r\n    {{option.label}}\r\n  </div>\r\n\r\n  <button (click)=\"remove(i)\" class=\"remove-btn\">\r\n    <i class=\"fa fa-minus-circle\"></i>\r\n  </button>\r\n\r\n    <!-- <input type=\"text\" [readonly]=\"true\" placeholder=\"value\" formControlName=\"id\" >\r\n    <input type=\"text\" [readonly]=\"true\" placeholder=\"label\" formControlName=\"label\" > -->\r\n    <!-- <button (click)=\"deleteOption(i)\" *ngIf=\"form.value.length !== (i+1)\">x</button>\r\n    <button (click)=\"addOption()\" *ngIf=\"form.value.length === (i+1)\">+</button> -->\r\n</div>\r\n\r\n","styles":[".options{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:5px;border-bottom:1px dashed #eee}.options:first-child{font-weight:500;background:#f7f7f7}.options:first-child button{opacity:0;pointer-events:none}.options>div{-webkit-box-flex:1;flex:1}input{width:98%}.add-btn,.remove-btn{background:0 0;border:none;cursor:pointer;font-size:18px}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":16,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"appendDefaultValueControl":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ng-jk-form-actions","template":"<div\r\n  class=\"modal\"\r\n  id=\"staticBackdrop\"\r\n  data-backdrop=\"static\"\r\n  role=\"dialog\">\r\n\r\n  <div class=\"modal-dialog\" role=\"document\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\" id=\"staticBackdropLabel\">Form Action</h5>\r\n\r\n        <button (click)=\"close()\" type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n          <span aria-hidden=\"true\">&times;</span>\r\n        </button>\r\n      </div>\r\n      <div class=\"modal-body\">\r\n\r\n        <div class=\"actions\">\r\n          <div *ngFor=\"let action of formActions\">\r\n            <button\r\n              (click)=\"selectAction(action)\"\r\n              [ngClass]=\"{'selected': selectedAction && selectedAction.id === action.id}\">{{action.label}}</button>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"modal-footer\">\r\n        <button (click)=\"close()\" type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Cancel</button>\r\n        <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"!selectedAction\" (click)=\"apply()\">Apply</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".modal{display:initial;background-color:rgba(51,51,51,.5)}.actions{display:-webkit-box;display:flex;flex-wrap:wrap}.actions>div{width:50%;border-radius:4px;cursor:pointer;padding:5px}.actions>div button{background:0 0;border:1px solid #ddd;width:100%;padding:5px;border-radius:3px}.actions>div button:hover{background:#eee}.actions>div button.selected{color:#fff;background-color:#007bff;border-color:#007bff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"watchEvents":[{"__symbolic":"method"}],"appendAdditionalActions":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"selectAction":[{"__symbolic":"method"}],"apply":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-editor-layout-tab","template":"<form [formGroup]=\"form\" *ngIf=\"form\">\r\n  <div class=\"form-group row\">\r\n    <label class=\"col-sm-2 col-form-label\">Column</label>\r\n    <div class=\"col-sm-10\">\r\n      <select class=\"form-control\" formControlName=\"column\">\r\n        <option value=\"\"></option>\r\n        <option [value]=\"i + 1\" *ngFor=\"let item of columns;let i = index\">{{ i+1 }}</option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n</form>\r\n","styles":[""]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ng-jk-editor-validation-tab","template":"<form [formGroup]=\"form\" *ngIf=\"form\">\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('required')\">\r\n    <label class=\"col-sm-4 col-form-label\">Required</label>\r\n    <div class=\"col-sm-8 flex\">\r\n      <input class=\"form-check-input\" type=\"checkbox\" formControlName=\"required\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('maxLength')\">\r\n    <label class=\"col-sm-4 col-form-label\">Maximum Length</label>\r\n    <div class=\"col-sm-8\">\r\n      <input type=\"number\" class=\"form-control\" formControlName=\"maxLength\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWithout('maxLength')\">\r\n    <label class=\"col-sm-4 col-form-label\">Minimun Length</label>\r\n    <div class=\"col-sm-8\">\r\n      <input type=\"number\" class=\"form-control\" formControlName=\"minLength\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWith('maxValue')\">\r\n    <label class=\"col-sm-4 col-form-label\">Minimum Value</label>\r\n    <div class=\"col-sm-8\">\r\n      <input type=\"number\" class=\"form-control\" formControlName=\"min\">\r\n    </div>\r\n  </div>\r\n  <div class=\"form-group row\" *ngIf=\"isWith('maxValue')\">\r\n    <label class=\"col-sm-4 col-form-label\">Maximum Value</label>\r\n    <div class=\"col-sm-8\">\r\n      <input type=\"number\" class=\"form-control\" formControlName=\"max\">\r\n    </div>\r\n  </div>\r\n</form>\r\n","styles":["input[type=checkbox]{margin:0}.flex{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"isWithout":[{"__symbolic":"method"}],"isWith":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Should have atleast ","right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"field"},"member":"templateOptions"},"member":"minLength"}},"right":" characters"}},"ɵl":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"This value should be less than ","right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"field"},"member":"templateOptions"},"member":"maxLength"}},"right":" characters"}},"ɵm":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":"This value should be more than ","right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"field"},"member":"templateOptions"},"member":"min"}}},"ɵn":{"__symbolic":"function","parameters":["err","field"],"value":{"__symbolic":"binop","operator":"+","left":"This value should be less than ","right":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"field"},"member":"templateOptions"},"member":"max"}}},"ɵo":{"__symbolic":"function","parameters":["err","field"],"value":"Is not a valid pattern"},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":39,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":60,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FormlyModule","line":61,"character":4},"member":"forRoot"},"arguments":[{"types":[{"name":"input","component":{"__symbolic":"reference","name":"ɵr"}},{"name":"textarea","component":{"__symbolic":"reference","name":"ɵs"}},{"name":"select","component":{"__symbolic":"reference","name":"ɵt"}},{"name":"select_multiple","component":{"__symbolic":"reference","name":"ɵu"}},{"name":"radio","component":{"__symbolic":"reference","name":"ɵx"}},{"name":"checkbox","component":{"__symbolic":"reference","name":"ɵv"}},{"name":"checkboxes","component":{"__symbolic":"reference","name":"ɵw"}},{"name":"blank","component":{"__symbolic":"reference","name":"ɵy"}},{"name":"form","component":{"__symbolic":"reference","name":"ɵz"}},{"name":"text_paragraph","component":{"__symbolic":"reference","name":"ɵba"}},{"name":"text_header","component":{"__symbolic":"reference","name":"ɵbb"}}],"wrappers":[{"name":"form-group","component":{"__symbolic":"reference","name":"ɵbc"}}],"validationMessages":[{"name":"required","message":"This field is required"},{"name":"minlength","message":{"__symbolic":"reference","name":"ɵk"}},{"name":"maxlength","message":{"__symbolic":"reference","name":"ɵl"}},{"name":"min","message":{"__symbolic":"reference","name":"ɵm"}},{"name":"max","message":{"__symbolic":"reference","name":"ɵn"}},{"name":"pattern","message":{"__symbolic":"reference","name":"ɵo"}}]}]}]}]}],"members":{}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ng-jk-edit-input-button","template":"<button class=\"btn edit\" (click)=\"edit('field')\">\r\n  <i class=\"fa fa-edit\"></i>\r\n</button>\r\n<button class=\"btn edit\" (click)=\"edit('action')\">\r\n  <i class=\"fa fa-cog\"></i>\r\n</button>\r\n\r\n","styles":[":host{position:absolute;top:0;right:0}:host button{padding:0}:host button i{font-size:20px}"]}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":49,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-input","template":"\n    <!-- ADD col-sm-4 to label for inline -->\n    <!-- ADD col-sm-8 to input for inline -->\n    <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n    <input\n      [type]=\"to.type\"\n      class=\"form-control form-control-sm\"\n      [formControl]=\"formControl\"\n      [formlyAttributes]=\"field\"\n    >\n\n    <formly-validation-message class=\"invalid-feedback\" *ngIf=\"showError\" [field]=\"field\"></formly-validation-message>\n\n    <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n    ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n      /* flex for inline */\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{}},"ɵs":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":41,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-textarea","template":"\n    <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n    <textarea class=\"form-control form-control-sm\" [formControl]=\"formControl\"></textarea>\n\n    <formly-validation-message class=\"invalid-feedback\" *ngIf=\"showError\" [field]=\"field\"></formly-validation-message>\n\n    <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n    ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{}},"ɵt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":45,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-select","template":"\n    <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n    <select class=\"form-control form-control-sm\" [formControl]=\"formControl\" [formlyAttributes]=\"field\">\n      <option [value]=\"o.id\" *ngFor=\"let o of to.options\">\n        {{o.label}}\n      </option>\n    </select>\n\n    <formly-validation-message class=\"invalid-feedback\" *ngIf=\"showError\" [field]=\"field\"></formly-validation-message>\n\n    <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n    ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{}},"ɵu":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":48,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-select-multiple","template":"\n    <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n    <select\n      multiple=\"true\"\n      class=\"form-control form-control-sm\"\n      [formControl]=\"formControl\" [formlyAttributes]=\"field\">\n      <option [value]=\"o.id\" *ngFor=\"let o of to.options\">\n        {{o.label}}\n      </option>\n    </select>\n\n    <formly-validation-message class=\"invalid-feedback\" *ngIf=\"showError\" [field]=\"field\"></formly-validation-message>\n\n    <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n    ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{}},"ɵv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":38,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-checkbox","template":"\n  <div class=\"form-check\">\n    <input [id]=\"field.id\" class=\"form-check-input\" type=\"checkbox\" [formControl]=\"formControl\">\n    <label [for]=\"field.id\" class=\"form-check-label\">\n      {{to.label}}\n    </label>\n  </div>\n  <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n   "]}]}],"members":{}},"ɵw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":52,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ng-jk-checkboxes","template":"\n  <!-- add class form-check-inline for inline-->\n  <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n  <div class=\"form-check\" *ngFor=\"let f of field.fieldGroup\">\n    <input [id]=\"f.id\" class=\"form-check-input\" type=\"checkbox\" [formControl]=\"f.formControl\">\n    <label [for]=\"f.id\" class=\"form-check-label\">\n      {{f.templateOptions.label}}\n    </label>\n  </div>\n\n  <div class=\"invalid-feedback\" *ngIf=\"isInvalid\">Al least one checkbox must be selected.</div>\n\n  <ng-jk-edit-input-button\n    [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host > label{\n      display:block;\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"checkIfValid":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":51,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-radio","template":"\n  <!-- add class form-check-inline for inline-->\n  <label *ngIf=\"to.label\" [ngClass]=\"{'required': to.required}\">{{to.label}}</label>\n  <div class=\"form-check\" *ngFor=\"let o of to.options\">\n    <input [id]=\"o.id\" [name]=\"field.key\" class=\"form-check-input\" type=\"radio\" [value]=\"o.id\" [formControl]=\"formControl\">\n    <label [for]=\"o.id\" class=\"form-check-label\">\n      {{o.label}}\n    </label>\n  </div>\n\n  <formly-validation-message class=\"invalid-feedback\" *ngIf=\"showError\" [field]=\"field\"></formly-validation-message>\n\n  <ng-jk-edit-input-button\n      [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host > label{\n      display:block;\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    .invalid-feedback{\n      display:block;\n    }\n   "]}]}],"members":{}},"ɵy":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":39,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-blank","template":"\n\n\n  <ng-jk-edit-input-button\n    [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n      height: 63px;\n      width: 100%;\n      border: 1px dashed #ddd;\n      transition: all .25s ease;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n      border-color: transparent;\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n   "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":51,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-form","template":"\n\n  <p> {{to.label}} FORM </p>\n\n  <ng-jk-edit-input-button\n    [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n      height: 63px;\n      width: 100%;\n      border: 1px dashed #ddd;\n      transition: all .25s ease;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 300;\n      color: #c3c3c3;\n      font-size: 25px;\n    }\n\n    p{\n      margin:0;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n      border-color: transparent;\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n   "]}]}],"members":{}},"ɵba":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":40,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-text-paragraph","template":"\n\n  <p>{{to.label}}</p>\n\n  <ng-jk-edit-input-button\n    [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n      /* flex for inline */\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    p{\n      margin:0;\n    }\n   "]}]}],"members":{}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldType","line":39,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-text-header","template":"\n\n  <h4>{{to.label}}</h4>\n\n  <ng-jk-edit-input-button\n    [field]=\"field\" [template]=\"to\"\n  ></ng-jk-edit-input-button>\n ","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    :host:hover{\n      box-shadow: 0 0 0px 3px rgba(99, 255, 60, 0.4);\n      background: rgba(99, 255, 60, 0.4);\n    }\n\n    :host:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n\n    h4{\n      margin:0;\n    }\n   "]}]}],"members":{}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-formly/core","name":"FieldWrapper","line":36,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-jk-form-group-wrapper","template":"\n  <div class=\"card\">\n    <div class=\"card-header\">\n      {{to.label}}\n\n      <ng-jk-edit-input-button\n        [field]=\"field\" [template]=\"to\"\n      ></ng-jk-edit-input-button>\n    </div>\n    <div class=\"card-body\">\n      <ng-container #fieldComponent></ng-container>\n    </div>\n  </div>\n","styles":["\n    :host{\n      position:relative;\n      display: block;\n    }\n\n    .card-header:hover ng-jk-edit-input-button{\n      display:block;\n    }\n\n    ng-jk-edit-input-button{\n      display:none;\n    }\n  "]}]}],"members":{}}},"origins":{"JkFormBuilderComponent":"./lib/jk-form-builder.component","JkFormBuilderModule":"./lib/jk-form-builder.module","ɵa":"./lib/jk-form-builder.service","ɵb":"./lib/config/form-builder-config.service","ɵc":"./lib/config/form-builder.config","ɵd":"./lib/components/editor/editor.component","ɵe":"./lib/components/editor/components/editor-tabs/editor-tabs.component","ɵf":"./lib/components/editor/components/editor-main-tab/editor-main-tab.component","ɵg":"./lib/components/editor/components/editor-options-tab/editor-options-tab.component","ɵh":"./lib/components/form-actions/form-actions.component","ɵi":"./lib/components/editor/components/editor-layout-tab/editor-layout-tab.component","ɵj":"./lib/components/editor/components/editor-validation-tab/editor-validation-tab.component","ɵk":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵl":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵm":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵn":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵo":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵp":"./lib/inputs/bootstrap-input/bootstrap-input.module","ɵq":"./lib/components/edit-input-button/edit-input-button.component","ɵr":"./lib/inputs/bootstrap-input/input","ɵs":"./lib/inputs/bootstrap-input/textarea","ɵt":"./lib/inputs/bootstrap-input/select","ɵu":"./lib/inputs/bootstrap-input/select-multiple","ɵv":"./lib/inputs/bootstrap-input/checkbox","ɵw":"./lib/inputs/bootstrap-input/checkboxes","ɵx":"./lib/inputs/bootstrap-input/radio","ɵy":"./lib/inputs/bootstrap-input/blank","ɵz":"./lib/inputs/bootstrap-input/form","ɵba":"./lib/inputs/bootstrap-input/text-paragraph","ɵbb":"./lib/inputs/bootstrap-input/text-header","ɵbc":"./lib/inputs/bootstrap-input/wrappers/form-group.wrapper"},"importAs":"jk-form-builder"}