@3kles/kles-material-dynamicforms 1.1.12 → 1.1.13

package/bundles/3kles-kles-material-dynamicforms.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","ng://@3kles/kles-material-dynamicforms/lib/enums/type.enum.ts","ng://@3kles/kles-material-dynamicforms/lib/dynamic-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/directive/dynamic-component.directive.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/field.abstract.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/label.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/input.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-submit.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/select.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/date.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/radio.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/checkbox.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/list-field.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/color.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/chip.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/group.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/icon.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/select.search.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/line-break.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/link.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/selection-list.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-toogle-group.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/array.component.ts","ng://@3kles/kles-material-dynamicforms/lib/directive/dynamic-field.directive.ts","ng://@3kles/kles-material-dynamicforms/lib/matcher/form-error.matcher.ts","ng://@3kles/kles-material-dynamicforms/lib/modules/material.module.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/button-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/buttonchecker-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/buttonchecker-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/buttonfile-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/buttonfile-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/textarea.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/text.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/input.clearable.component.ts","ng://@3kles/kles-material-dynamicforms/lib/pipe/transform.pipe.ts","ng://@3kles/kles-material-dynamicforms/lib/pipe/array.pipe.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/slide-toggle.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/badge.component.ts","ng://@3kles/kles-material-dynamicforms/lib/kles-material-dynamicforms.module.ts","ng://@3kles/kles-material-dynamicforms/lib/validators/autocomplete.validator.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","EnumType","__assign","assign","t","s","i","n","arguments","length","call","apply","__decorate","decorators","target","key","desc","c","r","getOwnPropertyDescriptor","Reflect","decorate","defineProperty","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","__generator","body","f","y","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","KlesDynamicFormComponent","fb","fields","validators","asyncValidators","submit","EventEmitter","_onLoaded","direction","orientationClass","orientationItemClass","form","ngOnInit","createForm","emit","ngOnChanges","changes","_a","firstChange","updateForm","_b","setValidators","map","validator","_c","setAsyncValidators","_d","onSubmit","event","preventDefault","stopPropagation","valid","validateAllFormFields","reset","_this","keys","controls","filter","field","name","includes","forEach","removeControl","type","lineBreak","control","createControl","addControl","array","array_1","isArray","collections","val","group","subfield","data","group_1","subGroup_1","bindValidations","validations","bindAsyncValidations","asyncValidations","updateOn","disabled","disable","validList_1","Validators","compose","validList_2","composeAsync","formGroup","get","markAsTouched","onlySelf","FormBuilder","Input","Output","Component","exportAs","selector","template","KlesComponentDirective","resolver","container","buildComponent","component","isFirstChange","currentValue","componentRef","instance","factory","resolveComponentFactory","destroy","createComponent","ComponentFactoryResolver","ViewContainerRef","Directive","KlesFieldAbstract","_onDestroy","Subject","valueChanges","siblingFields","pipe","takeUntil","subscribe","ngAfterViewInit","ngOnDestroy","complete","applyPipeTransform","control_1","val_1","pipeTransform","pipeVal","options","opt","transform","patchValue","emitEvent","KlesFormLabelComponent","_super","KlesFormInputComponent","Observable","options$","of","filteredOption","startWith","switchMap","filterData","maxLength","isPending","pending","filterValue","toString","toLowerCase","property","option","indexOf","displayFn","displayWith","KlesFormSubmitButtonComponent","KlesFormSelectComponent","compareFn","o1","o2","openChange","$event","virtualScroll","cdkVirtualScrollViewport","scrollToIndex","checkViewportSize","ViewChild","CdkVirtualScrollViewport","ViewChildren","MatOption","KlesFormDateComponent","KlesFormRadioComponent","KlesFormCheckboxComponent","KlesFormListFieldComponent","formArray","createFormGroup","item","deleteField","index","removeAt","addField","KlesFormColorComponent","invertColor","hex","bw","slice","parseInt","KlesFormChipComponent","KlesFormGroupComponent","subGroup","KlesFormIconComponent","KlesFormSelectSearchComponent","searchControl","FormControl","selectAllControl","optionsFiltered$","ReplaySubject","search_1","searchKeys","some","searchKey","selected","every","o","isChecked","setValue","toggleAllSelection","state","checked","take","KlesFormLineBreakComponent","KlesFormLinkComponent","KlesFormSelectionListComponent","KlesFormButtonToogleGroupComponent","KlesFormArrayComponent","componentMapper","input","button","select","date","radio","checkbox","listField","color","chip","icon","selectSearch","link","selectionList","buttonToogleGroup","KlesDynamicFieldDirective","KlesFormErrorStateMatcher","isErrorState","isSubmitted","submitted","invalid","dirty","touched","MaterialModule","NgModule","imports","CommonModule","MatSliderModule","MatButtonModule","MatToolbarModule","MatIconModule","MatSidenavModule","MatBadgeModule","MatListModule","MatGridListModule","MatFormFieldModule","MatInputModule","MatSelectModule","MatRadioModule","MatDatepickerModule","MatChipsModule","MatTooltipModule","MatTableModule","MatPaginatorModule","MatCardModule","MatMenuModule","MatTabsModule","CdkTableModule","MatProgressSpinnerModule","MatCheckboxModule","MatDialogModule","MatAutocompleteModule","MatProgressBarModule","MatSortModule","MatExpansionModule","MatNativeDateModule","MatSnackBarModule","MatTreeModule","MatSlideToggleModule","ColorPickerModule","MatButtonToggleModule","exports","ScrollingModule","CdkScrollable","providers","KlesButtonComponent","iconSvg","classButton","onChange","onTouched","click","writeValue","uiButton","class","registerOnChange","fn","registerOnTouched","setDisabledState","isDisabled","KlesButtonComponent_1","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","KlesFormButtonComponent","KlesButtonCheckerComponent","busy","error","countError","KlesButtonCheckerComponent_1","KlesFormButtonCheckerComponent","KlesButtonFileComponent","accept","fileReader","FileReader","file","nativeElement","onFileLoad","fileLoadedEvent","textFromFileLoaded","fileContent","onFileSelect","files","readUploadedFile","inputFile","temporaryFileReader","onerror","abort","DOMException","onload","readAsArrayBuffer","KlesButtonFileComponent_1","KlesFormButtonFileComponent","KlesFormTextareaComponent","KlesFormTextComponent","KlesFormInputClearableComponent","KlesTransformPipe","pipes","reduce","acc","Pipe","ArrayFormatPipe","values","Boolean","join","KlesFormSlideToggleComponent","KlesFormBadgeComponent","components","directives","KlesMaterialDynamicformsModule","declarations","ReactiveFormsModule","TranslateModule","FlexLayoutModule","FormsModule","NgxMatSelectSearchModule","ErrorStateMatcher","useClass","entryComponents","schemas","CUSTOM_ELEMENTS_SCHEMA","NO_ERRORS_SCHEMA","optional","undefined","invalidAutocompleteObject","validOptions","invalidAutocompleteString"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","export enum EnumType {\n    text = 'text',\n    button = 'button',\n    checkbox = 'checkbox',\n    number = 'number',\n    time = 'time',\n    date = 'date',\n    color = 'color',\n    list = 'list',\n    multi = 'multi',\n    array = 'array',\n    group = 'group',\n    lineBreak = 'lineBreak',\n}","import { OnInit, Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators, ValidatorFn, AsyncValidatorFn, AbstractControl } from '@angular/forms';\nimport { EnumType } from './enums/type.enum';\nimport { IKlesFieldConfig } from './interfaces/field.config.interface';\nimport { IKlesValidator } from './interfaces/validator.interface';\n\n@Component({\n    exportAs: 'klesDynamicForm',\n    selector: 'app-kles-dynamic-form',\n    template: `\n    <form class=\"{{orientationClass}}\" [formGroup]=\"form\" (submit)=\"onSubmit($event)\">\n        <ng-container *ngFor=\"let field of fields;\" class=\"{{orientationItemClass}}\" klesDynamicField [field]=\"field\" [group]=\"form\" [siblingFields]=\"fields\">\n        </ng-container>\n        <!--<button (click)=\"reset()\" mat-raised-button color=\"primary\">RESET</button>-->\n    </form>\n    `,\n    styles: [\n        // '.dynamic-form {display: flex; flex-direction: column;}',\n        //'.dynamic-form {display: flex;}',\n        //'.dynamic-form { width: 100%; }',\n        '.dynamic-form-column { display: flex;flex-direction: column; }',\n        '.dynamic-form-column > * { width: 100%; }',\n        '.dynamic-form-row { display: inline-flex;flex-wrap:wrap;gap:10px }',\n        '.dynamic-form-row > * { width: 100%; }',\n        '.dynamic-form-row-item { margin-right: 10px; }',\n        '.dynamic-form-column-item { margin-bottom: 10px; }',\n    ]\n\n})\nexport class KlesDynamicFormComponent implements OnInit, OnChanges {\n    @Input() fields: IKlesFieldConfig[] = [];\n    @Input() validators: IKlesValidator<ValidatorFn>[] = [];\n    @Input() asyncValidators: IKlesValidator<AsyncValidatorFn>[] = [];\n    // tslint:disable-next-line: no-output-native\n    @Output() submit: EventEmitter<any> = new EventEmitter<any>();\n    @Output() _onLoaded = new EventEmitter();\n\n    @Input() direction: 'column' | 'row' = 'column';\n\n    form: FormGroup;\n    orientationClass: 'dynamic-form-column' | 'dynamic-form-row' = 'dynamic-form-column';\n    orientationItemClass: 'dynamic-form-column-item' | 'dynamic-form-row-item' = 'dynamic-form-column-item';\n\n    get value() {\n        return this.form.value;\n    }\n\n    constructor(private fb: FormBuilder) { }\n\n\n    ngOnInit() {\n        this.form = this.createForm();\n        this.orientationClass = this.direction === 'row' ? 'dynamic-form-row' : 'dynamic-form-column';\n        this.orientationItemClass = this.direction === 'row' ? 'dynamic-form-row-item' : 'dynamic-form-column-item';\n        this._onLoaded.emit();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (!changes.fields?.firstChange) {\n            this.updateForm();\n            // this.form = this.createControl();\n            // this.form.controls = {};\n            this._onLoaded.emit();\n        }\n\n        if (!changes.validators?.firstChange && this.form) {\n            this.form.setValidators(this.validators.map(v => v.validator));\n        }\n\n        if (!changes.asyncValidators?.firstChange && this.form) {\n            this.form.setAsyncValidators(this.asyncValidators.map(v => v.validator));\n        }\n\n        if (!changes.direction?.firstChange) {\n            this.orientationClass = this.direction === 'row' ? 'dynamic-form-row' : 'dynamic-form-column';\n            this.orientationItemClass = this.direction === 'row' ? 'dynamic-form-row-item' : 'dynamic-form-column-item';\n        }\n\n    }\n\n    onSubmit(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n        if (this.form.valid) {\n            this.submit.emit(this.form.value);\n        } else {\n            this.validateAllFormFields(this.form);\n        }\n    }\n\n    reset() {\n        this.form.reset();\n    }\n\n\n    private updateForm() {\n        Object.keys(this.form.controls).filter(key => {\n            return !this.fields.map(field => field.name).includes(key);\n        }).forEach(key => {\n            this.form.removeControl(key);\n        });\n\n\n        this.fields\n            .filter(field => !this.form.controls[field.name])\n            .forEach(field => {\n                if (field.type === EnumType.lineBreak) {\n                    return;\n                }\n                const control = this.createControl(field);\n                this.form.addControl(field.name, control);\n            });\n    }\n\n    private createControl(field: IKlesFieldConfig): AbstractControl {\n\n        if (field.type === EnumType.array) {\n            const array = this.fb.array([]);\n\n            if (field.value && Array.isArray(field.value)) {\n                if (field.collections && Array.isArray(field.collections)) {\n                    field.value.forEach(val => {\n                        const group = this.fb.group({});\n                        field.collections.forEach(subfield => {\n                            const data = val[subfield.name] || null;\n                            const control = this.createControl({ ...subfield, ...(data && { value: data }) });\n                            group.addControl(subfield.name, control);\n                        });\n                        array.push(group);\n                    });\n                }\n            } else {\n                const group = this.fb.group({});\n                field.collections.forEach(subfield => {\n                    const control = this.createControl({ ...subfield });\n                    group.addControl(subfield.name, control);\n                });\n                array.push(group);\n            }\n\n            // field.value.forEach((data: any) => {\n            //     const subGroup = this.fb.group({});\n            //     field.collections.forEach(subfield => {\n            //         const control = this.createControl(subfield);\n            //         subGroup.addControl(subfield.name, control);\n            //     });\n            //     array.push(subGroup);\n            // });\n            return array;\n        } else if (field.type === EnumType.group) {\n            const subGroup = this.fb.group({});\n            if (field.collections && Array.isArray(field.collections)) {\n                field.collections.forEach(subfield => {\n                    const control = this.createControl(subfield);\n                    subGroup.addControl(subfield.name, control);\n                });\n            }\n            return subGroup;\n\n        } else {\n            const control = this.fb.control(\n                field.value,\n                {\n                    validators: this.bindValidations(field.validations || []),\n                    asyncValidators: this.bindAsyncValidations(field.asyncValidations || []),\n                    updateOn: field.updateOn || 'change'\n                }\n            );\n            if (field.disabled) {\n                control.disable();\n            }\n            return control;\n        }\n    }\n\n\n\n    // private createControl(field: IKlesFieldConfig): AbstractControl {\n\n    //     if (field.type === 'listField') {\n    //         const array = this.fb.array([]);\n\n    //         field.value.forEach((data: any) => {\n    //             const subGroup = this.fb.group({});\n    //             field.collections.forEach(subfield => {\n    //                 const control = this.fb.control(\n    //                     data[subfield.name] ? data[subfield.name] : null,\n    //                     this.bindValidations(subfield.validations || []),\n    //                     this.bindAsyncValidations(subfield.asyncValidations || [])\n    //                 );\n    //                 subGroup.addControl(subfield.name, control);\n    //             });\n    //             array.push(subGroup);\n    //         });\n    //         return array;\n    //     } else if (field.type === 'group') {\n    //         const subGroup = this.fb.group({});\n    //         if (field.collections && Array.isArray(field.collections)) {\n    //             field.collections.forEach(subfield => {\n    //                 const control = this.fb.control(\n    //                     subfield.value,\n    //                     this.bindValidations(subfield.validations || []),\n    //                     this.bindAsyncValidations(subfield.asyncValidations || [])\n    //                 );\n    //                 if (subfield.disabled) {\n    //                     control.disable();\n    //                 }\n    //                 subGroup.addControl(subfield.name, control);\n    //             });\n    //         }\n    //         return subGroup;\n\n    //     } else {\n    //         const control = this.fb.control(\n    //             field.value,\n    //             this.bindValidations(field.validations || []),\n    //             this.bindAsyncValidations(field.asyncValidations || [])\n    //         );\n    //         if (field.disabled) {\n    //             control.disable();\n    //         }\n    //         return control;\n    //     }\n    // }\n\n\n\n    private createForm() {\n        const group = this.fb.group({});\n\n        this.fields.forEach(field => {\n\n            if (field.type === EnumType.lineBreak) {\n                return;\n            }\n            const control = this.createControl(field);\n\n            group.addControl(field.name, control);\n        });\n\n        group.setValidators(this.validators.map(v => v.validator));\n        group.setAsyncValidators(this.asyncValidators.map(v => v.validator));\n\n        return group;\n    }\n\n\n    private bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.compose(validList);\n\n        }\n        return null;\n    }\n\n\n    private bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.composeAsync(validList);\n\n        }\n        return null;\n    }\n\n    private validateAllFormFields(formGroup: FormGroup) {\n        Object.keys(formGroup.controls).forEach(field => {\n            const control = formGroup.get(field);\n            control.markAsTouched({ onlySelf: true });\n        });\n    }\n}\n","import { Directive, Input, OnInit, ComponentFactoryResolver, ViewContainerRef, ComponentRef, Type, OnChanges, SimpleChanges } from '@angular/core';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\n\n\n@Directive({\n    selector: '[klesComponent]'\n})\nexport class KlesComponentDirective implements OnInit, OnChanges {\n    @Input() component: Type<any>;\n    @Input() value: any;\n    @Input() field?: IKlesFieldConfig;\n\n    componentRef: ComponentRef<any>;\n\n    constructor(private resolver: ComponentFactoryResolver,\n        private container: ViewContainerRef) { }\n\n    ngOnInit() {\n        this.buildComponent();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.component && !changes.component.isFirstChange()) {\n            this.component = changes.component.currentValue;\n            this.buildComponent();\n        }\n        if (changes.value && !changes.value.isFirstChange()) {\n            this.value = changes.value.currentValue;\n            this.componentRef.instance.value = this.value;\n        }\n    }\n\n    buildComponent() {\n        const factory = this.resolver.resolveComponentFactory(\n            this.component\n        );\n        if (this.componentRef) this.componentRef.destroy();\n        this.componentRef = this.container.createComponent(factory);\n        this.componentRef.instance.component = this.component;\n        this.componentRef.instance.value = this.value;\n        this.componentRef.instance.field = this.field;\n    }\n}\n","import { IKlesField } from '../interfaces/field.interface';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { FormGroup } from '@angular/forms';\nimport { AfterViewInit, OnDestroy, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nexport abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit, OnDestroy {\n    field: IKlesFieldConfig;\n    group: FormGroup;\n    siblingFields: IKlesFieldConfig[];\n\n    protected _onDestroy = new Subject<void>();\n\n    ngOnInit(): void {\n        // this.applyPipeTransform();\n        if (this.field.valueChanges) {\n            this.field.valueChanges(this.field, this.group, this.siblingFields);\n        }\n\n        this.group.controls[this.field.name]?.valueChanges\n            .pipe(takeUntil(this._onDestroy))\n            .subscribe(val => {\n                if (this.field.valueChanges) {\n                    this.field.valueChanges(this.field, this.group, this.siblingFields, val);\n                }\n                // this.applyPipeTransform();\n            });\n    }\n\n    ngAfterViewInit(): void {\n\n    }\n\n    ngOnDestroy(): void {\n        this._onDestroy.next();\n        this._onDestroy.complete();\n    }\n\n    applyPipeTransform() {\n        if (this.group && this.field) {\n            const control = this.group.controls[this.field.name];\n            if (control) {\n                const val = this.group.controls[this.field.name].value;\n                if (this.field.pipeTransform) {\n                    this.field.pipeTransform.forEach(p => {\n                        let pipeVal = control.value;\n                        if (p.options) {\n                            p.options.forEach(opt => {\n                                pipeVal = p.pipe.transform(val, opt);\n                            });\n                        } else {\n                            pipeVal = p.pipe.transform(val);\n                        }\n                        control.patchValue(pipeVal, { onlySelf: true, emitEvent: false });\n                    });\n                }\n            }\n        }\n    }\n}\n","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: \"kles-form-label\",\n    template: `\n    <div [formGroup]=\"group\" >\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" \n        [ngClass]=\"field.ngClass\" \n        [ngStyle]=\"{'color':'inherit'}\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\">\n    </div>\n`\n})\nexport class KlesFormLabelComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        this.group.controls[this.field.name].disable();\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { startWith, map, switchMap } from 'rxjs/operators';\n\n@Component({\n    selector: 'kles-form-input',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n\n        <ng-container *ngIf=\"field.autocomplete; else notAutoComplete\">\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\" \n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\"\n            [matAutocomplete]=\"auto\">\n\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn.bind(this)\" [panelWidth]=\"this.field.panelWidth\">\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        {{field.property ? option[field.property] : option}}\n                    </mat-option>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"option\" [field]=\"field\">\n                        </ng-container>\n                    </mat-option>\n                </ng-container>\n            </mat-autocomplete>\n        </ng-container>\n\n        <ng-template #notAutoComplete>\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\">\n        </ng-template>\n\n        <mat-spinner matSuffix mode=\"indeterminate\" *ngIf=\"isPending()\" diameter=\"17\"></mat-spinner>\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormInputComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    filteredOption: Observable<any[]>;\n    options$: Observable<any[]>;\n\n    ngOnInit(): void {\n\n        if (this.field.options instanceof Observable) {\n            this.options$ = this.field.options;\n        } else {\n            this.options$ = of(this.field.options);\n        }\n\n\n        this.filteredOption = this.group.get(this.field.name).valueChanges\n            .pipe(\n                startWith(''),\n                // map(data => data ? this.filterData(data) : this.field.options.slice())\n                switchMap(data => data ? this.filterData(data) : this.options$)\n            );\n        if (!this.field.maxLength) {\n            this.field.maxLength = 524288; // Max default input W3C\n        }\n        super.ngOnInit();\n    }\n\n    isPending() {\n        return (this.group.controls[this.field.name].pending || this.field.pending);\n    }\n\n    private filterData(value: any): Observable<any[]> {\n        let filterValue;\n\n        if (typeof value === 'string' && Object.prototype.toString.call(value) === '[object String]') {\n            filterValue = value.toLowerCase();\n        } else {\n            filterValue = value[this.field.property].toLowerCase();\n        }\n\n        if (this.field.property) {\n            return this.options$\n                .pipe(map(options => options.filter(option => option[this.field.property].toLowerCase().indexOf(filterValue) === 0)));\n            // return this.field.options\n            //     .filter(data => data[this.field.property].toLowerCase().indexOf(filterValue) === 0);\n        }\n        // return this.field.options.filter(data => data.toLowerCase().indexOf(filterValue) === 0);\n        return this.options$.pipe(map(options => options.filter(option => option.toLowerCase().indexOf(filterValue) === 0)));\n    }\n\n    displayFn(value: any) {\n        if (this.field.displayWith) {\n            return this.field.displayWith(value);\n        } else {\n            if (value && this.field && this.field.property) {\n                return value[this.field.property] ? value[this.field.property] : '';\n            }\n            return value ? value : '';\n        }\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\n\n\n@Component({\n    selector: 'kles-submit-button',\n    template: `\n    <div [formGroup]=\"group\">\n        <button matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" type=\"submit\" [disabled]=\"field.disabled\" mat-raised-button color=\"primary\">{{field.label}}</button>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormSubmitButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CdkVirtualScrollViewport, ScrollDispatcher } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatOption } from '@angular/material/core';\nimport { Observable, of } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-select',\n    template: `\n    <mat-form-field class=\"margin-top\" [formGroup]=\"group\">\n        <mat-select matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\"\n        (openedChange)=\"openChange($event)\" [compareWith]=\"compareFn\"\n        [ngClass]=\"field.ngClass\" [placeholder]=\"field.placeholder | translate\" [formControlName]=\"field.name\" [multiple]=\"field.multiple\">\n        <mat-select-trigger *ngIf=\"field.triggerComponent\">\n            <ng-container klesComponent [component]=\"field.triggerComponent\" [value]=\"group.controls[field.name].value\" [field]=\"field\"></ng-container>\n        </mat-select-trigger>\n\n\n        <ng-container *ngIf=\"!field.virtualScroll\">\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of options$ | async\" [value]=\"item\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of options$ | async\" [value]=\"item\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-option>\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"field.virtualScroll\">\n            <cdk-virtual-scroll-viewport [itemSize]=\"field.itemSize || 50\" [style.height.px]=5*48>\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of options$ | async\" [value]=\"item\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                    </mat-option>\n\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                    <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of options$ | async\" [value]=\"item\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                    </mat-option>\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n            </cdk-virtual-scroll-viewport>\n\n        </ng-container>\n\n        </mat-select>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </mat-form-field>\n`,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormSelectComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    @ViewChild(CdkVirtualScrollViewport) cdkVirtualScrollViewport: CdkVirtualScrollViewport;\n    @ViewChildren(MatOption) options: QueryList<MatOption>;\n\n    options$: Observable<any[]>;\n\n    constructor() {\n        super();\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    openChange($event: boolean) {\n        if (this.field.virtualScroll) {\n            if ($event) {\n                this.cdkVirtualScrollViewport.scrollToIndex(0);\n                this.cdkVirtualScrollViewport.checkViewportSize();\n            }\n        }\n    }\n\n    compareFn = (o1: any, o2: any) => {\n        if (this.field.property && o1 && o2) {\n            return o1[this.field.property] === o2[this.field.property];\n        }\n        return o1 === o2;\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: \"kles-form-datepicker\",\n    template: `\n    <mat-form-field class=\"demo-full-width margin-top\" [formGroup]=\"group\">\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [matDatepicker]=\"picker\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\">\n        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n        <mat-datepicker #picker></mat-datepicker>\n        <mat-hint></mat-hint>\n        \n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        </mat-form-field>\n    `,\n    styles: []\n})\nexport class KlesFormDateComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-radiobutton',\n    template: `\n    <div [formGroup]=\"group\">\n        <label class=\"radio-label-padding\">{{field.label}}</label>\n        <mat-radio-group matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\">\n            <mat-radio-button *ngFor=\"let item of field.options\" [value]=\"item\">{{item}}</mat-radio-button>\n        </mat-radio-group>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormRadioComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: \"kles-form-checkbox\",\n    template: `\n    <div [formGroup]=\"group\" >  \n        <mat-checkbox matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [indeterminate]=\"field.indeterminate\" [formControlName]=\"field.name\">{{field.label | translate}}</mat-checkbox>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormCheckboxComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\nimport { FormGroup, FormArray, FormBuilder, ValidatorFn, Validators, AsyncValidatorFn } from '@angular/forms';\nimport { IKlesValidator } from '../interfaces/validator.interface';\n\n@Component({\n    selector: 'kles-form-listfield',\n    template: `\n    <div [formGroup]=\"group\" class=\"form-element\">\n        {{field.label | translate}}\n        <button mat-icon-button color=\"primary\" (click)=\"addField()\">\n            <mat-icon>add</mat-icon>\n        </button>\n\n        <div class=\"dynamic-form\" [formGroupName]=\"field.name\">\n            <div *ngFor=\"let subGroup of formArray.controls let index = index;\" fxLayout=\"row\" fxLayoutGap=\"5px\">\n                <ng-container *ngFor=\"let subfield of field.collections;\"\n                    dynamicField [field]=\"subfield\" [group]=\"subGroup\">\n                </ng-container>\n                <button mat-icon-button (click)=\"deleteField(index)\" color=\"primary\">\n                    <mat-icon>delete_outlined</mat-icon>\n                </button>\n            </div>\n            <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n        </div>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormListFieldComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    formArray: FormArray;\n\n    constructor(private fb: FormBuilder) {\n        super();\n    }\n\n    ngOnInit(): void {\n        this.formArray = this.group.controls[this.field.name] as FormArray;\n        super.ngOnInit();\n    }\n\n    private createFormGroup(): FormGroup {\n        const group = this.fb.group({});\n        this.field.collections.forEach(item => {\n            const control = this.fb.control(\n                null,\n                this.bindValidations(item.validations || []),\n                this.bindAsyncValidations(item.asyncValidations || [])\n            );\n            group.addControl(item.name, control);\n\n        });\n\n        return group;\n\n    }\n\n    deleteField(index: number) {\n        this.formArray.removeAt(index);\n    }\n\n    addField() {\n        this.formArray.push(this.createFormGroup());\n    }\n\n\n    private bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.compose(validList);\n\n        }\n        return null;\n    }\n\n\n    private bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.composeAsync(validList);\n\n        }\n        return null;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\n@Component({\n    selector: 'kles-form-color',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [placeholder]=\"field.placeholder | translate\"\n            [colorPicker]=\"group.get(field.name).value\"\n            [value]=\"group.get(field.name).value\"\n            (colorPickerChange)=\"group.get(field.name).setValue($event)\"\n            class=\"colorPicker\"\n            [style.background]=\"group.get(field.name).value\"\n            [style.color]=\"invertColor(group.get(field.name).value,true)\"\n            [formControlName]=\"field.name\">\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormColorComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n\n    ngOnInit() { super.ngOnInit(); }\n\n    invertColor(hex, bw): string {\n        if (hex.indexOf('#') === 0) {\n            hex = hex.slice(1);\n        }\n        // convert 3-digit hex to 6-digits.\n        if (hex.length === 3) {\n            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n        }\n        if (hex.length !== 6) {\n            return '#000000';\n        }\n        let r = parseInt(hex.slice(0, 2), 16);\n        let g = parseInt(hex.slice(2, 4), 16);\n        let b = parseInt(hex.slice(4, 6), 16);\n        if (bw) {\n            return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n                ? '#000000'\n                : '#FFFFFF';\n        }\n        // invert color components\n        const r1 = (255 - r).toString(16);\n        const g1 = (255 - g).toString(16);\n        const b1 = (255 - b).toString(16);\n        // pad each with zeros and return\n        return \"#\" + r1 + g1 + b1;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: \"kles-form-chip\",\n    template: `\n    <div [formGroup]=\"group\">  \n        <mat-chip-list>\n            <mat-chip [color]=\"field.color\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" selected [ngClass]=\"field.ngClass\" [ngStyle]=\"field.ngStyle\">\n                <mat-icon *ngIf=\"field.icon\">{{field.icon}}</mat-icon>\n                {{group.controls[field.name].value | klesTransform:field.pipeTransform}}\n            </mat-chip>\n        </mat-chip-list>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormChipComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { KlesFieldAbstract } from './field.abstract';\n@Component({\n    selector: 'kles-group',\n    template: `\n    <div [formGroup]=\"group\" class=\"group-container\">\n        <div [formGroupName]=\"field.name\" class=\"group-container\" [style.flex-direction]=\"field.direction || 'inherit'\" [ngClass]=\"field.ngClass\" >\n            <ng-container *ngFor=\"let subfield of field.collections;\" klesDynamicField [field]=\"subfield\" [group]=\"subGroup\" [siblingFields]=\"field.collections\">\n            </ng-container>\n        </div>\n    </div>\n`,\n    styles: ['mat-form-field {width: calc(100%)}',\n        ':host { display:flex; flex-direction: inherit}',\n        '.group-container {display:flex; flex-direction: inherit}'\n    ]\n})\nexport class KlesFormGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    subGroup: FormGroup;\n\n    ngOnInit() {\n        this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: \"kles-form-icon\",\n    template: `\n        <mat-icon [color]=\"field.color\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [ngStyle]=\"field.ngStyle\">\n            {{group.controls[field.name].value}}\n        </mat-icon>\n`,\n    styles: []\n})\nexport class KlesFormIconComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { MatOption } from '@angular/material/core';\nimport { Observable, of, ReplaySubject } from 'rxjs';\nimport { map, startWith, switchMap, take, takeUntil } from 'rxjs/operators';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-select-search',\n    template: `\n    <mat-form-field class=\"margin-top\" [formGroup]=\"group\">\n        <mat-select matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\"\n        (openedChange)=\"openChange($event)\" [compareWith]=\"compareFn\"\n        [placeholder]=\"field.placeholder | translate\" [formControlName]=\"field.name\" [multiple]=\"field.multiple\">\n        <mat-select-trigger *ngIf=\"field.triggerComponent\">\n            <ng-container klesComponent [component]=\"field.triggerComponent\" [value]=\"group.controls[field.name].value\" [field]=\"field\"></ng-container>\n        </mat-select-trigger>\n\n        <ng-container *ngIf=\"field.virtualScroll\">\n            <mat-option>\n                <ngx-mat-select-search [formControl]=\"searchControl\"\n                placeholderLabel=\"\" noEntriesFoundLabel =\"\"></ngx-mat-select-search>\n            </mat-option>\n                \n            <cdk-virtual-scroll-viewport [itemSize]=\"field.itemSize || 50\" [style.height.px]=4*48>\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-checkbox *ngIf=\"field.multiple\" class=\"selectAll\" [formControl]=\"selectAllControl\"\n                    (change)=\"toggleAllSelection($event)\">\n                        {{'selectAll' | translate}}\n                    </mat-checkbox>\n                    <mat-option *cdkVirtualFor=\"let item of optionsFiltered$ | async\" [value]=\"item\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n                    \n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of optionsFiltered$ | async\" [value]=\"item\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                    </mat-option>\n\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n            </cdk-virtual-scroll-viewport>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"!field.virtualScroll\">\n           \n            <mat-option>\n                <ngx-mat-select-search [formControl]=\"searchControl\"\n                placeholderLabel=\"\" noEntriesFoundLabel =\"\"></ngx-mat-select-search>\n            </mat-option>\n            \n            <mat-checkbox *ngIf=\"field.multiple\" class=\"selectAll\" [formControl]=\"selectAllControl\"\n                    (change)=\"toggleAllSelection($event)\">\n                    {{'selectAll' | translate}}\n            </mat-checkbox>\n\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of optionsFiltered$ | async\" [value]=\"item\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of optionsFiltered$ | async\" [value]=\"item\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-option>\n            </ng-container>\n        </ng-container>\n\n\n        </mat-select>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </mat-form-field>\n`,\n    styles: ['mat-form-field {width: calc(100%)}', '.selectAll {padding: 10px 16px;}']\n})\nexport class KlesFormSelectSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    searchControl = new FormControl();\n    selectAllControl = new FormControl(false);\n\n\n    options$: Observable<any[]>;\n    optionsFiltered$ = new ReplaySubject<any[]>(1);\n\n    // private _onDestroy = new Subject<void>();\n\n    @ViewChild(CdkVirtualScrollViewport) cdkVirtualScrollViewport: CdkVirtualScrollViewport;\n    @ViewChildren(MatOption) options: QueryList<MatOption>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n\n        this.searchControl.valueChanges.pipe(\n            startWith(this.searchControl.value),\n            takeUntil(this._onDestroy),\n            switchMap(value => {\n                if (value) {\n                    const search = value.toLowerCase();\n                    return this.options$.pipe(map(options => {\n                        return options\n                            .filter(option => {\n                                if (this.field.searchKeys && this.field.searchKeys.length) {\n                                    return this.field.searchKeys.some(searchKey => {\n                                        if (option[searchKey]) {\n                                            return option[searchKey].toString().toLowerCase().indexOf(search) > -1;\n                                        }\n                                        return false;\n                                    }) || (this.field.property ?\n                                        option[this.field.property].toString().toLowerCase().indexOf(search) > -1 : false);\n\n                                } else {\n                                    if (this.field.property) {\n                                        return option[this.field.property].toString().toLowerCase().indexOf(search) > -1;\n                                    }\n                                }\n                                return option.toString().toLowerCase().indexOf(search) > -1;\n                            });\n                    }));\n                } else {\n                    return this.options$;\n                }\n            })\n        ).subscribe(this.optionsFiltered$);\n\n        this.group.controls[this.field.name]\n            .valueChanges.pipe(\n                takeUntil(this._onDestroy),\n                startWith(this.group.controls[this.field.name].value),\n                switchMap(selected => {\n                    return this.optionsFiltered$.pipe(map(options => {\n                        if (!selected) {\n                            return false;\n                        }\n                        if (options.length < selected.length) {\n                            return options.length > 0 && options.every(o => selected.includes(o));\n                        } else {\n                            return options.length > 0 && options.length === selected.length && selected.every(s => options.includes(s));\n                        }\n                    }));\n                })\n            ).subscribe(isChecked => {\n                this.selectAllControl.setValue(isChecked);\n            });\n    }\n\n    ngOnDestroy(): void {\n        // this._onDestroy.next();\n        super.ngOnDestroy();\n    }\n\n\n    toggleAllSelection(state) {\n        if (state.checked) {\n            this.optionsFiltered$.pipe(take(1)).subscribe(options => {\n                if (options.length > 0) {\n                    this.group.controls[this.field.name].patchValue(options.slice());\n                }\n            });\n\n        } else {\n            this.group.controls[this.field.name].patchValue([]);\n        }\n    }\n\n    openChange($event: boolean) {\n        if (this.field.virtualScroll) {\n            if ($event) {\n                this.cdkVirtualScrollViewport.scrollToIndex(0);\n                this.cdkVirtualScrollViewport.checkViewportSize();\n            }\n        }\n    }\n\n    compareFn = (o1: any, o2: any) => {\n        if (this.field.property && o1 && o2) {\n            return o1[this.field.property] === o2[this.field.property];\n        }\n        return o1 === o2;\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: \"kles-form-line-break\",\n    template: ``,\n    styles: [\n        `:host{\n            flex-basis: 100%;\n            display: flex;\n            height:0;\n        }`\n    ]\n})\nexport class KlesFormLineBreakComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: 'kles-form-link',\n    template: `\n        <a [href]=\"group.controls[field.name].value\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n            {{field.label}}\n        </a>\n`\n})\nexport class KlesFormLinkComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { MatSelectionListChange } from '@angular/material/list';\nimport { Observable, of } from 'rxjs';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-selection-list',\n    template: `\n    <div class=\"margin-top\" [formGroup]=\"group\">\n        <mat-selection-list [formControlName]=\"field.name\" [attr.id]=\"field.id\" [multiple]=\"field.multiple\" [ngClass]=\"field.ngClass\">\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-list-option [value]=\"item\" *ngFor=\"let item of options$ | async;\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                </mat-list-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-list-option  *ngFor=\"let item of options$ | async;\" [value]=\"item\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-list-option>\n            </ng-container>\n        </mat-selection-list>\n    </div>\n`,\n    styles: ['mat-selection-list {width: calc(100%);height: 250px; overflow:auto}'],\n})\nexport class KlesFormSelectionListComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    options$: Observable<any[]>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-toogle-group',\n    template: `\n        <div [formGroup]=\"group\" class=\"form-element\">\n            <mat-button-toggle-group [formControlName]=\"field.name\" [multiple]=\"field.multiple\"\n            [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n                <mat-button-toggle *ngFor=\"let item of options$ | async\" [value]=\"item\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                </mat-button-toggle>\n            </mat-button-toggle-group>\n        </div>\n`\n})\nexport class KlesFormButtonToogleGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    options$: Observable<any[]>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { FormArray, FormGroup } from '@angular/forms';\nimport { KlesFieldAbstract } from './field.abstract';\n@Component({\n    selector: 'kles-array',\n    template: `\n    <div [formGroup]=\"group\">\n        <ng-container [formArrayName]=\"field.name\">\n            <div class=\"group-container\" *ngFor=\"let subGroup of formArray.controls let index = index;\"\n            [ngClass]=\"field.direction === 'column' ? 'column': 'row'\">\n                <ng-container *ngFor=\"let subfield of field.collections;\"\n                    klesDynamicField [field]=\"subfield\" [group]=\"subGroup\" [siblingFields]=\"field.collections\">\n                </ng-container>\n            </div>\n        </ng-container>\n    </div>\n`,\n    styles: ['mat-form-field {width: calc(100%)}',\n        ':host { display:flex; flex-direction: inherit}',\n        '.group-container {display:flex; flex-direction: inherit}',\n        '.row { gap:10px; flex-direction: row }',\n        '.column { flex-direction: column, gap:0px}'\n    ]\n})\nexport class KlesFormArrayComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    // subGroup: FormGroup\n\n    formArray: FormArray;\n\n    ngOnInit() {\n        // this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n        this.formArray = this.group.controls[this.field.name] as FormArray;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Directive, Input, OnInit, ComponentFactoryResolver, ViewContainerRef, ComponentRef, Type, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';\n\nimport { FormGroup } from '@angular/forms';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { KlesFormLabelComponent } from '../fields/label.component';\nimport { KlesFormInputComponent } from '../fields/input.component';\nimport { KlesFormSubmitButtonComponent } from '../fields/button-submit.component';\nimport { KlesFormSelectComponent } from '../fields/select.component';\nimport { KlesFormDateComponent } from '../fields/date.component';\nimport { KlesFormRadioComponent } from '../fields/radio.component';\nimport { KlesFormCheckboxComponent } from '../fields/checkbox.component';\nimport { KlesFormListFieldComponent } from '../fields/list-field.component';\nimport { KlesFormColorComponent } from '../fields/color.component';\nimport { KlesFormChipComponent } from '../fields/chip.component';\nimport { KlesFormGroupComponent } from '../fields/group.component';\nimport { KlesFormIconComponent } from '../fields/icon.component';\nimport { KlesFormSelectSearchComponent } from '../fields/select.search.component';\nimport { KlesFormLineBreakComponent } from '../fields/line-break.component';\nimport { KlesFormLinkComponent } from '../fields/link.component';\nimport { KlesFormSelectionListComponent } from '../fields/selection-list.component';\nimport { KlesFormButtonToogleGroupComponent } from '../fields/button-toogle-group.component';\nimport { KlesFormArrayComponent } from '../fields/array.component';\n\nconst componentMapper = {\n    label: KlesFormLabelComponent,\n    input: KlesFormInputComponent,\n    button: KlesFormSubmitButtonComponent,\n    select: KlesFormSelectComponent,\n    date: KlesFormDateComponent,\n    radio: KlesFormRadioComponent,\n    checkbox: KlesFormCheckboxComponent,\n    listField: KlesFormListFieldComponent,\n    array: KlesFormArrayComponent,\n    color: KlesFormColorComponent,\n    chip: KlesFormChipComponent,\n    group: KlesFormGroupComponent,\n    icon: KlesFormIconComponent,\n    selectSearch: KlesFormSelectSearchComponent,\n    lineBreak: KlesFormLineBreakComponent,\n    link: KlesFormLinkComponent,\n    selectionList: KlesFormSelectionListComponent,\n    buttonToogleGroup: KlesFormButtonToogleGroupComponent\n};\n\n@Directive({\n    selector: '[klesDynamicField]'\n})\nexport class KlesDynamicFieldDirective implements OnInit, OnChanges, OnDestroy {\n    @Input() field: IKlesFieldConfig;\n    @Input() group: FormGroup;\n    @Input() siblingFields: IKlesFieldConfig[];\n\n    componentRef: ComponentRef<any>;\n\n    constructor(protected resolver: ComponentFactoryResolver,\n        protected container: ViewContainerRef) { }\n\n    ngOnDestroy(): void {\n        if (this.componentRef) this.componentRef.destroy();\n    }\n\n    ngOnInit() {\n        this.buildComponent();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.group) {\n            this.group = changes.group.currentValue;\n        }\n        if (changes.field) {\n            // if (changes.field.previousValue && changes.field.currentValue.component !== changes.field.previousValue.component) {\n                this.field = changes.field.currentValue;\n                this.buildComponent();\n            // } else {\n            //     this.field = changes.field.currentValue;\n            // }\n        }\n    }\n\n    buildComponent() {\n        const factory = this.resolver.resolveComponentFactory(\n            this.field.component || componentMapper[this.field.type]\n        );\n        if (this.componentRef) this.componentRef.destroy();\n        this.componentRef = this.container.createComponent(factory);\n        this.componentRef.instance.field = this.field;\n        this.componentRef.instance.group = this.group;\n        this.componentRef.instance.siblingFields = this.siblingFields;\n    }\n}\n","import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\n\nexport class KlesFormErrorStateMatcher implements ErrorStateMatcher {\n\n    constructor() {\n    }\n\n    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        const isSubmitted = form && form.submitted;\n        return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));\n    }\n\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatListModule } from '@angular/material/list';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { CdkTableModule } from '@angular/cdk/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSortModule } from '@angular/material/sort';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatNativeDateModule } from '@angular/material/core';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { MatTreeModule } from '@angular/material/tree';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { ColorPickerModule } from 'ngx-color-picker';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatToolbarModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatBadgeModule,\n        MatListModule,\n        MatGridListModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatSelectModule,\n        MatRadioModule,\n        MatDatepickerModule,\n        MatChipsModule,\n        MatTooltipModule,\n        MatTableModule,\n        MatPaginatorModule,\n        MatCardModule,\n        MatMenuModule,\n        MatTabsModule,\n        CdkTableModule,\n        MatProgressSpinnerModule,\n        MatCheckboxModule,\n        MatDialogModule,\n        MatAutocompleteModule,\n        MatProgressBarModule,\n        MatSortModule,\n        MatExpansionModule,\n        MatNativeDateModule,\n        MatSnackBarModule,\n        MatTreeModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatSlideToggleModule,\n        ColorPickerModule,\n        MatButtonToggleModule\n    ],\n\n    exports: [\n        MatButtonModule,\n        MatToolbarModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatBadgeModule,\n        MatListModule,\n        MatGridListModule,\n        MatInputModule,\n        MatFormFieldModule,\n        MatSelectModule,\n        MatRadioModule,\n        MatDatepickerModule,\n        MatChipsModule,\n        MatTooltipModule,\n        MatTableModule,\n        MatPaginatorModule,\n        MatCardModule,\n        MatMenuModule,\n        MatTabsModule,\n        CdkTableModule,\n        MatProgressSpinnerModule,\n        MatCheckboxModule,\n        MatDialogModule,\n        MatAutocompleteModule,\n        MatProgressBarModule,\n        MatSortModule,\n        MatExpansionModule,\n        MatNativeDateModule,\n        MatSnackBarModule,\n        MatTreeModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatSlideToggleModule,\n        ColorPickerModule,\n        ScrollingModule,\n        CdkScrollable,\n        MatButtonToggleModule\n    ],\n    providers: [\n        MatDatepickerModule,\n        MatDialogModule\n    ]\n})\n\nexport class MaterialModule { }\n","import { Component, OnInit, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface IButton {\n    event?: any;\n    uiButton?: IUIButton\n}\n\nexport interface IUIButton {\n    label?: string;\n    color?: string;\n    icon?: string;\n    iconSvg?: string;\n    disabled?: boolean;\n    class?: string\n}\n\n@Component({\n    selector: 'kles-button',\n    template: `\n        <span>\n            <button mat-button [ngClass]=\"classButton\" [color]=\"(color)?color:'primary'\" [disabled]=\"disabled\"\n            (click)=\"click($event)\" [matTooltip]=\"tooltip\">\n                {{label | translate}}\n                <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n                <mat-icon svgIcon=\"{{iconSvg}}\" *ngIf=\"iconSvg\"></mat-icon>\n            </button>\n        </span>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonComponent implements OnInit, ControlValueAccessor {\n    @Input() name = '';\n    @Input() label = '';\n    @Input() color = 'accent';\n    @Input() icon = '';\n    @Input() iconSvg = '';\n    @Input() disabled = false;\n    @Input() classButton = '';\n    @Input() value: IButton = {};\n    @Input() tooltip?: string;\n\n    onChange: any = () => { };\n    onTouched: any = () => { };\n\n    ngOnInit(): void {\n    }\n\n    click(event) {\n        this.value.event = this.name;\n        this.onChange(this.value);\n    }\n\n    writeValue(value: IButton): void {\n        if (!value) {\n            value = { event: this.name };\n        }\n        if (!value.event) {\n            value.event = this.name;\n        }\n        if (value.uiButton) {\n            const uiButton = value.uiButton;\n            this.label = (uiButton.label) ? uiButton.label : this.label;\n            this.color = (uiButton.color) ? uiButton.color : this.color;\n            this.icon = (uiButton.icon) ? uiButton.icon : this.icon;\n            this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;\n            this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;\n            this.classButton = (uiButton.class) ? uiButton.class : this.classButton;\n        }\n        this.value = value;\n    }\n\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: 'kles-form-button',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\" \n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\" \n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\"\n            [tooltip]=\"field.tooltip\">\n        </kles-button>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnInit, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IButton, KlesButtonComponent } from './button-control.component';\n\nexport interface IButtonChecker extends IButton {\n    busy: boolean;\n    error?: any[];\n    message?: string;\n}\n\n@Component({\n    selector: 'kles-button-checker',\n    template: `\n        <span *ngIf=\"value.error && !value.busy\">\n            <kles-button \n                [classButton]=\"classButton\" \n                [name]=\"name\" [label]=\"label\" [color]=\"color\" \n                [icon]=\"icon\" [iconSvg]=\"iconSvg\"\n                [value]=\"value\" \n                [tooltip]=\"tooltip\"\n                [disabled]=\"disabled\"\n                matBadge=\"{{countError()}}\" (click)=\"click($event)\">\n            </kles-button>\n        </span>\n        <span style=\"text-align: center;\">\n            <span style=\"text-align: center;margin-right: 10px\" *ngIf=\"value.busy||false\">\n                <mat-spinner [diameter]=\"25\"></mat-spinner>\n            </span>\n            <span *ngIf=\"value.message\" style=\"margin-right: 10px\">\n                {{value.message|translate}}\n            </span>\n        </span>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonCheckerComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonCheckerComponent extends KlesButtonComponent implements ControlValueAccessor {\n    value: IButtonChecker = {\n        busy: false,\n        error: [],\n        event: false\n    };\n\n    countError(): number {\n        return (this.value.error) ? this.value.error.length : 0;\n    }\n}","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-checker',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button-checker\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\"\n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\"\n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\"\n            [tooltip]=\"field.tooltip\">\n        </kles-button-checker>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonCheckerComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnInit, forwardRef, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IButton, KlesButtonComponent } from './button-control.component';\n\nexport interface IButtonFile extends IButton {\n    fileContent?: string | string[];\n}\n\n@Component({\n    selector: 'kles-button-file',\n    template: `\n        <input type=\"file\" #file style=\"display: none\" accept=\"{{accept}}\" (change)=\"onFileSelect($event.target)\" multiple />\n        <kles-button \n            [classButton]=\"classButton\" \n            [name]=\"name\" [label]=\"label\" [color]=\"color\" \n            [icon]=\"icon\" [iconSvg]=\"iconSvg\"\n            [disabled]=\"disabled\"\n            [value]=\"value\" (click)=\"click($event)\">\n        </kles-button>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonFileComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonFileComponent extends KlesButtonComponent implements ControlValueAccessor {\n    @ViewChild('file') file;\n    accept = '*.*';\n    fileReader = new FileReader();\n    fileContent: string | string[];\n    value: IButtonFile = {};\n\n    click(event) {\n        this.file.nativeElement.click();\n    }\n\n    writeValue(value: IButton): void {\n        if (!value) {\n            value = { event: this.name };\n        }\n        if (!value.event) {\n            value.event = this.name;\n        }\n        if (value.uiButton) {\n            const uiButton = value.uiButton;\n            this.label = (uiButton.label) ? uiButton.label : this.label;\n            this.color = (uiButton.color) ? uiButton.color : this.color;\n            this.icon = (uiButton.icon) ? uiButton.icon : this.icon;\n            this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;\n            this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;\n            this.classButton = (uiButton.class) ? uiButton.class : this.classButton;\n        }\n        this.value = value;\n    }\n\n\n    onFileLoad(fileLoadedEvent) {\n        const textFromFileLoaded = fileLoadedEvent.target.result;\n        this.fileContent = textFromFileLoaded;\n    }\n\n    async onFileSelect(input: HTMLInputElement) {\n        if (input.files.length > 0) {\n            const files = input.files;\n            let fileContent = [];\n            if (files && files.length) {\n                for (let i = 0; i < files.length; i++) {\n                    try {\n                        fileContent[i] = await this.readUploadedFile(files[i]);\n                    } catch (e) {\n                    }\n                }\n                if (fileContent.length === 1) {\n                    fileContent = fileContent[0];\n                }\n            }\n            this.value.event = this.name;\n            this.value.fileContent = fileContent;\n            this.onChange(this.value);\n            input.value = '';\n        }\n    }\n\n    readUploadedFile(inputFile): Promise<any> {\n        const temporaryFileReader = new FileReader();\n        return new Promise((resolve, reject) => {\n            temporaryFileReader.onerror = () => {\n                temporaryFileReader.abort();\n                const error: DOMException = new DOMException('Problem parsing input file.');\n                reject(error);\n            };\n            temporaryFileReader.onload = () => {\n                resolve(temporaryFileReader.result);\n            };\n            temporaryFileReader.readAsArrayBuffer(inputFile);\n        });\n    }\n}\n","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-file',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button-file\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\" \n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\" \n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\">\n        </kles-button-file>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonFileComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-textarea',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n        <textarea matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" \n        [formControlName]=\"field.name\" cdkTextareaAutosize [placeholder]=\"field.placeholder | translate\"\n        [cdkAutosizeMinRows]=\"field.textareaAutoSize?.minRows\" [cdkAutosizeMaxRows]=\"field.textareaAutoSize?.maxRows\"  [maxlength]=\"field.maxLength\">\n        </textarea>\n\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormTextareaComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: 'kles-form-text',\n    template: `\n    <span matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n        {{(field.property ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}\n    </span> \n`\n})\nexport class KlesFormTextComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFormInputComponent } from './input.component';\n\n@Component({\n    selector: 'kles-form-input-clearable',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n\n        <ng-container *ngIf=\"field.autocomplete; else notAutoComplete\">\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\"\n            [matAutocomplete]=\"auto\">\n\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn.bind(this)\" [panelWidth]=\"this.field.panelWidth\">\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        {{field.property ? option[field.property] : option}}\n                    </mat-option>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"option\" [field]=\"field\">\n                        </ng-container>\n                    </mat-option>\n                </ng-container>\n            </mat-autocomplete>\n        </ng-container>\n\n        <ng-template #notAutoComplete>\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\">\n        </ng-template>\n        <button *ngIf=\"!group.get(field.name).disabled\" mat-button matSuffix mat-icon-button aria-label=\"Clear\" type=\"button\"\n            (click)=\"group.controls[field.name].reset();\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <mat-spinner matSuffix mode=\"indeterminate\" *ngIf=\"isPending()\" diameter=\"17\"></mat-spinner>\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormInputClearableComponent extends KlesFormInputComponent implements OnInit, OnDestroy {\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\n\n@Pipe({ name: 'klesTransform' })\nexport class KlesTransformPipe implements PipeTransform {\n\n    transform(value: any, pipes: { pipe: PipeTransform, options?: any[] }[]): any {\n\n        if (pipes && pipes.length > 0) {\n            return pipes.reduce((acc, p) => {\n                if (p.options) {\n                    p.options.forEach(opt => {\n                        acc = p.pipe.transform(acc, opt);\n                    });\n                } else {\n                    acc = p.pipe.transform(acc);\n                }\n                return acc;\n            }, value)\n        }\n        return value;\n\n    }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\n\n@Pipe({ name: 'arrayFormat' })\nexport class ArrayFormatPipe implements PipeTransform {\n\n    transform(values: any[], property?: string): string {\n        if (values && Array.isArray(values)) {\n            if (property) {\n                return values.map(value => value[property]).filter(Boolean).join(', ');\n            } else {\n                return values.join(', ');\n            }\n        }\n        return '';\n    }\n}","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: 'kles-form-slide-toggle',\n    template: `\n    <div [formGroup]=\"group\" >\n        <mat-slide-toggle matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [color]=\"field.color\" [formControlName]=\"field.name\">{{field.label | translate}}</mat-slide-toggle>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormSlideToggleComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-badge',\n    template: `\n    <span matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" \n        matBadge=\"{{group.controls[field.name].value}}\" matBadgeOverlap=\"false\" matBadgeColor=\"{{field.color}}\">\n    </span>\n`\n})\nexport class KlesFormBadgeComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { KlesDynamicFormComponent } from './dynamic-form.component';\nimport { KlesComponentDirective } from './directive/dynamic-component.directive';\nimport { KlesDynamicFieldDirective } from './directive/dynamic-field.directive';\nimport { KlesFormErrorStateMatcher } from './matcher/form-error.matcher';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { MaterialModule } from './modules/material.module';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { ColorPickerModule } from 'ngx-color-picker';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { KlesFormLabelComponent } from './fields/label.component';\nimport { KlesFormInputComponent } from './fields/input.component';\nimport { KlesFormSubmitButtonComponent } from './fields/button-submit.component';\nimport { KlesFormSelectComponent } from './fields/select.component';\nimport { KlesFormDateComponent } from './fields/date.component';\nimport { KlesFormRadioComponent } from './fields/radio.component';\nimport { KlesFormCheckboxComponent } from './fields/checkbox.component';\nimport { KlesFormListFieldComponent } from './fields/list-field.component';\nimport { KlesFormColorComponent } from './fields/color.component';\nimport { KlesButtonComponent } from './forms/button-control.component';\nimport { KlesFormButtonComponent } from './fields/button-form.component';\nimport { KlesButtonCheckerComponent } from './forms/buttonchecker-control.component';\nimport { KlesFormButtonCheckerComponent } from './fields/buttonchecker-form.component';\nimport { KlesButtonFileComponent } from './forms/buttonfile-control.component';\nimport { KlesFormButtonFileComponent } from './fields/buttonfile-form.component';\nimport { KlesFormTextareaComponent } from './fields/textarea.component';\nimport { KlesFormTextComponent } from './fields/text.component';\nimport { KlesFormChipComponent } from './fields/chip.component';\nimport { KlesFormGroupComponent } from './fields/group.component';\nimport { KlesFormInputClearableComponent } from './fields/input.clearable.component';\nimport { KlesFormIconComponent } from './fields/icon.component';\nimport { KlesTransformPipe } from './pipe/transform.pipe';\nimport { NgxMatSelectSearchModule } from 'ngx-mat-select-search';\nimport { KlesFormSelectSearchComponent } from './fields/select.search.component';\nimport { KlesFormLineBreakComponent } from './fields/line-break.component';\nimport { ArrayFormatPipe } from './pipe/array.pipe';\nimport { KlesFormLinkComponent } from './fields/link.component';\nimport { KlesFormSlideToggleComponent } from './fields/slide-toggle.component';\nimport { KlesFormSelectionListComponent } from './fields/selection-list.component';\nimport { KlesFormBadgeComponent } from './fields/badge.component';\nimport { KlesFormButtonToogleGroupComponent } from './fields/button-toogle-group.component';\nimport { KlesFormArrayComponent } from './fields/array.component';\n\nconst components = [\n  KlesDynamicFormComponent,\n  KlesFormLabelComponent,\n  KlesFormInputComponent,\n  KlesFormInputClearableComponent,\n  KlesFormSubmitButtonComponent,\n  KlesFormBadgeComponent,\n  KlesButtonComponent,\n  KlesFormButtonComponent,\n  KlesButtonCheckerComponent,\n  KlesFormButtonCheckerComponent,\n  KlesButtonFileComponent,\n  KlesFormButtonFileComponent,\n  KlesFormSelectComponent,\n  KlesFormDateComponent,\n  KlesFormRadioComponent,\n  KlesFormCheckboxComponent,\n  KlesFormListFieldComponent,\n  KlesFormColorComponent,\n  KlesFormTextareaComponent,\n  KlesFormTextComponent,\n  KlesFormChipComponent,\n  KlesFormGroupComponent,\n  KlesFormIconComponent,\n  KlesFormSelectSearchComponent,\n  KlesFormLineBreakComponent,\n  KlesFormLinkComponent,\n  KlesFormSlideToggleComponent,\n  KlesFormSelectionListComponent,\n  KlesFormButtonToogleGroupComponent,\n  KlesFormArrayComponent\n];\n\nconst directives = [KlesDynamicFieldDirective, KlesComponentDirective];\nconst pipes = [KlesTransformPipe, ArrayFormatPipe];\n@NgModule({\n  declarations: [\n    components,\n    directives,\n    pipes\n\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    FlexLayoutModule,\n    FormsModule,\n    MaterialModule,\n    ColorPickerModule,\n    NgxMatSelectSearchModule\n  ],\n  providers: [\n    { provide: ErrorStateMatcher, useClass: KlesFormErrorStateMatcher },\n    pipes\n  ],\n  entryComponents: [\n    components\n  ],\n  exports: [\n    components,\n    pipes,\n    directives,\n    ColorPickerModule\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]\n})\nexport class KlesMaterialDynamicformsModule { }\n","import { AbstractControl, ValidatorFn } from \"@angular/forms\"\n\nexport function autocompleteObjectValidator(optional?: boolean): ValidatorFn {\n    return (control: AbstractControl): { [key: string]: any } | null => {\n        if ((control.value === null || control.value === undefined) && !optional) return { 'invalidAutocompleteObject': { value: control.value } }\n\n        if (typeof control.value === 'string') {\n            if (control.value === '' && optional) return null;\n            return { 'invalidAutocompleteObject': { value: control.value } }\n        }\n        return null  /* valid option selected */\n    }\n}\n\nexport function autocompleteStringValidator(validOptions: Array<string>, optional?: boolean): ValidatorFn {\n    return (control: AbstractControl): { [key: string]: any } | null => {\n        if ((control.value === '' || control.value === null) && optional) return null;\n        if (validOptions.indexOf(control.value) !== -1) {\n            return null  /* valid option selected */\n        }\n        return { 'invalidAutocompleteString': { value: control.value } }\n    }\n}"]}
+{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","ng://@3kles/kles-material-dynamicforms/lib/enums/type.enum.ts","ng://@3kles/kles-material-dynamicforms/lib/dynamic-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/directive/dynamic-component.directive.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/field.abstract.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/label.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/input.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-submit.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/select.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/date.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/radio.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/checkbox.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/list-field.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/color.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/chip.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/group.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/icon.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/select.search.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/line-break.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/link.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/selection-list.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-toogle-group.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/array.component.ts","ng://@3kles/kles-material-dynamicforms/lib/directive/dynamic-field.directive.ts","ng://@3kles/kles-material-dynamicforms/lib/matcher/form-error.matcher.ts","ng://@3kles/kles-material-dynamicforms/lib/modules/material.module.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/button-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/button-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/buttonchecker-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/buttonchecker-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/forms/buttonfile-control.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/buttonfile-form.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/textarea.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/text.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/input.clearable.component.ts","ng://@3kles/kles-material-dynamicforms/lib/pipe/transform.pipe.ts","ng://@3kles/kles-material-dynamicforms/lib/pipe/array.pipe.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/slide-toggle.component.ts","ng://@3kles/kles-material-dynamicforms/lib/fields/badge.component.ts","ng://@3kles/kles-material-dynamicforms/lib/kles-material-dynamicforms.module.ts","ng://@3kles/kles-material-dynamicforms/lib/validators/autocomplete.validator.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","EnumType","__assign","assign","t","s","i","n","arguments","length","call","apply","__decorate","decorators","target","key","desc","c","r","getOwnPropertyDescriptor","Reflect","decorate","defineProperty","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","__generator","body","f","y","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","v","op","TypeError","pop","push","KlesDynamicFormComponent","fb","fields","validators","asyncValidators","submit","EventEmitter","_onLoaded","direction","orientationClass","orientationItemClass","form","ngOnInit","createForm","emit","ngOnChanges","changes","_a","firstChange","updateForm","_b","setValidators","map","validator","_c","setAsyncValidators","_d","onSubmit","event","preventDefault","stopPropagation","valid","validateAllFormFields","reset","_this","keys","controls","filter","field","name","includes","forEach","removeControl","type","lineBreak","control","createControl","addControl","array","array_1","isArray","collections","val","group","subfield","data","group_1","subGroup_1","bindValidations","validations","bindAsyncValidations","asyncValidations","updateOn","disabled","disable","validList_1","Validators","compose","validList_2","composeAsync","formGroup","get","markAsTouched","onlySelf","FormBuilder","Input","Output","Component","exportAs","selector","template","KlesComponentDirective","resolver","container","buildComponent","component","isFirstChange","currentValue","componentRef","instance","factory","resolveComponentFactory","destroy","createComponent","ComponentFactoryResolver","ViewContainerRef","Directive","KlesFieldAbstract","_onDestroy","Subject","valueChanges","siblingFields","pipe","takeUntil","subscribe","ngAfterViewInit","ngOnDestroy","complete","applyPipeTransform","control_1","val_1","pipeTransform","pipeVal","options","opt","transform","patchValue","emitEvent","KlesFormLabelComponent","_super","KlesFormInputComponent","Observable","options$","of","filteredOption","startWith","switchMap","filterData","maxLength","isPending","pending","filterValue","toString","toLowerCase","property","option","indexOf","displayFn","displayWith","KlesFormSubmitButtonComponent","KlesFormSelectComponent","compareFn","o1","o2","openChange","$event","virtualScroll","cdkVirtualScrollViewport","scrollToIndex","checkViewportSize","ViewChild","CdkVirtualScrollViewport","ViewChildren","MatOption","KlesFormDateComponent","KlesFormRadioComponent","KlesFormCheckboxComponent","KlesFormListFieldComponent","formArray","createFormGroup","item","deleteField","index","removeAt","addField","KlesFormColorComponent","invertColor","hex","bw","slice","parseInt","KlesFormChipComponent","KlesFormGroupComponent","subGroup","KlesFormIconComponent","KlesFormSelectSearchComponent","searchControl","FormControl","selectAllControl","optionsFiltered$","ReplaySubject","search_1","searchKeys","some","searchKey","selected","every","o","isChecked","setValue","toggleAllSelection","state","checked","take","KlesFormLineBreakComponent","KlesFormLinkComponent","KlesFormSelectionListComponent","KlesFormButtonToogleGroupComponent","KlesFormArrayComponent","componentMapper","input","button","select","date","radio","checkbox","listField","color","chip","icon","selectSearch","link","selectionList","buttonToogleGroup","KlesDynamicFieldDirective","KlesFormErrorStateMatcher","isErrorState","isSubmitted","submitted","invalid","dirty","touched","MaterialModule","NgModule","imports","CommonModule","MatSliderModule","MatButtonModule","MatToolbarModule","MatIconModule","MatSidenavModule","MatBadgeModule","MatListModule","MatGridListModule","MatFormFieldModule","MatInputModule","MatSelectModule","MatRadioModule","MatDatepickerModule","MatChipsModule","MatTooltipModule","MatTableModule","MatPaginatorModule","MatCardModule","MatMenuModule","MatTabsModule","CdkTableModule","MatProgressSpinnerModule","MatCheckboxModule","MatDialogModule","MatAutocompleteModule","MatProgressBarModule","MatSortModule","MatExpansionModule","MatNativeDateModule","MatSnackBarModule","MatTreeModule","MatSlideToggleModule","ColorPickerModule","MatButtonToggleModule","exports","ScrollingModule","CdkScrollable","providers","KlesButtonComponent","iconSvg","classButton","onChange","onTouched","click","writeValue","uiButton","class","registerOnChange","fn","registerOnTouched","setDisabledState","isDisabled","KlesButtonComponent_1","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","KlesFormButtonComponent","KlesButtonCheckerComponent","busy","error","countError","KlesButtonCheckerComponent_1","KlesFormButtonCheckerComponent","KlesButtonFileComponent","accept","fileReader","FileReader","file","nativeElement","onFileLoad","fileLoadedEvent","textFromFileLoaded","fileContent","onFileSelect","files","readUploadedFile","inputFile","temporaryFileReader","onerror","abort","DOMException","onload","readAsArrayBuffer","KlesButtonFileComponent_1","KlesFormButtonFileComponent","KlesFormTextareaComponent","KlesFormTextComponent","KlesFormInputClearableComponent","KlesTransformPipe","pipes","reduce","acc","Pipe","ArrayFormatPipe","values","Boolean","join","KlesFormSlideToggleComponent","KlesFormBadgeComponent","components","directives","KlesMaterialDynamicformsModule","declarations","ReactiveFormsModule","TranslateModule","FlexLayoutModule","FormsModule","NgxMatSelectSearchModule","ErrorStateMatcher","useClass","entryComponents","schemas","CUSTOM_ELEMENTS_SCHEMA","NO_ERRORS_SCHEMA","optional","undefined","invalidAutocompleteObject","validOptions","invalidAutocompleteString"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","export enum EnumType {\n    text = 'text',\n    button = 'button',\n    checkbox = 'checkbox',\n    number = 'number',\n    time = 'time',\n    date = 'date',\n    color = 'color',\n    list = 'list',\n    multi = 'multi',\n    array = 'array',\n    group = 'group',\n    lineBreak = 'lineBreak',\n}","import { OnInit, Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators, ValidatorFn, AsyncValidatorFn, AbstractControl } from '@angular/forms';\nimport { EnumType } from './enums/type.enum';\nimport { IKlesFieldConfig } from './interfaces/field.config.interface';\nimport { IKlesValidator } from './interfaces/validator.interface';\n\n@Component({\n    exportAs: 'klesDynamicForm',\n    selector: 'app-kles-dynamic-form',\n    template: `\n    <form class=\"{{orientationClass}}\" [formGroup]=\"form\" (submit)=\"onSubmit($event)\">\n        <ng-container *ngFor=\"let field of fields;\" class=\"{{orientationItemClass}}\" klesDynamicField [field]=\"field\" [group]=\"form\" [siblingFields]=\"fields\">\n        </ng-container>\n        <!--<button (click)=\"reset()\" mat-raised-button color=\"primary\">RESET</button>-->\n    </form>\n    `,\n    styles: [\n        // '.dynamic-form {display: flex; flex-direction: column;}',\n        //'.dynamic-form {display: flex;}',\n        //'.dynamic-form { width: 100%; }',\n        '.dynamic-form-column { display: flex;flex-direction: column; }',\n        '.dynamic-form-column > * { width: 100%; }',\n        '.dynamic-form-row { display: inline-flex;flex-wrap:wrap;gap:10px }',\n        '.dynamic-form-row > * { width: 100%; }',\n        '.dynamic-form-row-item { margin-right: 10px; }',\n        '.dynamic-form-column-item { margin-bottom: 10px; }',\n    ]\n\n})\nexport class KlesDynamicFormComponent implements OnInit, OnChanges {\n    @Input() fields: IKlesFieldConfig[] = [];\n    @Input() validators: IKlesValidator<ValidatorFn>[] = [];\n    @Input() asyncValidators: IKlesValidator<AsyncValidatorFn>[] = [];\n    // tslint:disable-next-line: no-output-native\n    @Output() submit: EventEmitter<any> = new EventEmitter<any>();\n    @Output() _onLoaded = new EventEmitter();\n\n    @Input() direction: 'column' | 'row' = 'column';\n\n    form: FormGroup;\n    orientationClass: 'dynamic-form-column' | 'dynamic-form-row' = 'dynamic-form-column';\n    orientationItemClass: 'dynamic-form-column-item' | 'dynamic-form-row-item' = 'dynamic-form-column-item';\n\n    get value() {\n        return this.form.value;\n    }\n\n    constructor(private fb: FormBuilder) { }\n\n\n    ngOnInit() {\n        this.form = this.createForm();\n        this.orientationClass = this.direction === 'row' ? 'dynamic-form-row' : 'dynamic-form-column';\n        this.orientationItemClass = this.direction === 'row' ? 'dynamic-form-row-item' : 'dynamic-form-column-item';\n        this._onLoaded.emit();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (!changes.fields?.firstChange) {\n            this.updateForm();\n            // this.form = this.createControl();\n            // this.form.controls = {};\n            this._onLoaded.emit();\n        }\n\n        if (!changes.validators?.firstChange && this.form) {\n            this.form.setValidators(this.validators.map(v => v.validator));\n        }\n\n        if (!changes.asyncValidators?.firstChange && this.form) {\n            this.form.setAsyncValidators(this.asyncValidators.map(v => v.validator));\n        }\n\n        if (!changes.direction?.firstChange) {\n            this.orientationClass = this.direction === 'row' ? 'dynamic-form-row' : 'dynamic-form-column';\n            this.orientationItemClass = this.direction === 'row' ? 'dynamic-form-row-item' : 'dynamic-form-column-item';\n        }\n\n    }\n\n    onSubmit(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n        if (this.form.valid) {\n            this.submit.emit(this.form.value);\n        } else {\n            this.validateAllFormFields(this.form);\n        }\n    }\n\n    reset() {\n        this.form.reset();\n    }\n\n\n    private updateForm() {\n        Object.keys(this.form.controls).filter(key => {\n            return !this.fields.map(field => field.name).includes(key);\n        }).forEach(key => {\n            this.form.removeControl(key);\n        });\n\n\n        this.fields\n            .filter(field => !this.form.controls[field.name])\n            .forEach(field => {\n                if (field.type === EnumType.lineBreak) {\n                    return;\n                }\n                const control = this.createControl(field);\n                this.form.addControl(field.name, control);\n            });\n    }\n\n    private createControl(field: IKlesFieldConfig): AbstractControl {\n\n        if (field.type === EnumType.array) {\n            const array = this.fb.array([]);\n\n            if (field.value && Array.isArray(field.value)) {\n                if (field.collections && Array.isArray(field.collections)) {\n                    field.value.forEach(val => {\n                        const group = this.fb.group({});\n                        field.collections.forEach(subfield => {\n                            const data = val[subfield.name] || null;\n                            const control = this.createControl({ ...subfield, ...(data && { value: data }) });\n                            group.addControl(subfield.name, control);\n                        });\n                        array.push(group);\n                    });\n                }\n            } else {\n                const group = this.fb.group({});\n                field.collections.forEach(subfield => {\n                    const control = this.createControl({ ...subfield });\n                    group.addControl(subfield.name, control);\n                });\n                array.push(group);\n            }\n\n            // field.value.forEach((data: any) => {\n            //     const subGroup = this.fb.group({});\n            //     field.collections.forEach(subfield => {\n            //         const control = this.createControl(subfield);\n            //         subGroup.addControl(subfield.name, control);\n            //     });\n            //     array.push(subGroup);\n            // });\n            return array;\n        } else if (field.type === EnumType.group) {\n            const subGroup = this.fb.group({});\n            if (field.collections && Array.isArray(field.collections)) {\n                field.collections.forEach(subfield => {\n                    const control = this.createControl(subfield);\n                    subGroup.addControl(subfield.name, control);\n                });\n            }\n            return subGroup;\n\n        } else {\n            const control = this.fb.control(\n                field.value,\n                {\n                    validators: this.bindValidations(field.validations || []),\n                    asyncValidators: this.bindAsyncValidations(field.asyncValidations || []),\n                    updateOn: field.updateOn || 'change'\n                }\n            );\n            if (field.disabled) {\n                control.disable();\n            }\n            return control;\n        }\n    }\n\n\n\n    // private createControl(field: IKlesFieldConfig): AbstractControl {\n\n    //     if (field.type === 'listField') {\n    //         const array = this.fb.array([]);\n\n    //         field.value.forEach((data: any) => {\n    //             const subGroup = this.fb.group({});\n    //             field.collections.forEach(subfield => {\n    //                 const control = this.fb.control(\n    //                     data[subfield.name] ? data[subfield.name] : null,\n    //                     this.bindValidations(subfield.validations || []),\n    //                     this.bindAsyncValidations(subfield.asyncValidations || [])\n    //                 );\n    //                 subGroup.addControl(subfield.name, control);\n    //             });\n    //             array.push(subGroup);\n    //         });\n    //         return array;\n    //     } else if (field.type === 'group') {\n    //         const subGroup = this.fb.group({});\n    //         if (field.collections && Array.isArray(field.collections)) {\n    //             field.collections.forEach(subfield => {\n    //                 const control = this.fb.control(\n    //                     subfield.value,\n    //                     this.bindValidations(subfield.validations || []),\n    //                     this.bindAsyncValidations(subfield.asyncValidations || [])\n    //                 );\n    //                 if (subfield.disabled) {\n    //                     control.disable();\n    //                 }\n    //                 subGroup.addControl(subfield.name, control);\n    //             });\n    //         }\n    //         return subGroup;\n\n    //     } else {\n    //         const control = this.fb.control(\n    //             field.value,\n    //             this.bindValidations(field.validations || []),\n    //             this.bindAsyncValidations(field.asyncValidations || [])\n    //         );\n    //         if (field.disabled) {\n    //             control.disable();\n    //         }\n    //         return control;\n    //     }\n    // }\n\n\n\n    private createForm() {\n        const group = this.fb.group({});\n\n        this.fields.forEach(field => {\n\n            if (field.type === EnumType.lineBreak) {\n                return;\n            }\n            const control = this.createControl(field);\n\n            group.addControl(field.name, control);\n        });\n\n        group.setValidators(this.validators.map(v => v.validator));\n        group.setAsyncValidators(this.asyncValidators.map(v => v.validator));\n\n        return group;\n    }\n\n\n    private bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.compose(validList);\n\n        }\n        return null;\n    }\n\n\n    private bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.composeAsync(validList);\n\n        }\n        return null;\n    }\n\n    private validateAllFormFields(formGroup: FormGroup) {\n        Object.keys(formGroup.controls).forEach(field => {\n            const control = formGroup.get(field);\n            control.markAsTouched({ onlySelf: true });\n        });\n    }\n}\n","import { Directive, Input, OnInit, ComponentFactoryResolver, ViewContainerRef, ComponentRef, Type, OnChanges, SimpleChanges } from '@angular/core';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\n\n\n@Directive({\n    selector: '[klesComponent]'\n})\nexport class KlesComponentDirective implements OnInit, OnChanges {\n    @Input() component: Type<any>;\n    @Input() value: any;\n    @Input() field?: IKlesFieldConfig;\n\n    componentRef: ComponentRef<any>;\n\n    constructor(private resolver: ComponentFactoryResolver,\n        private container: ViewContainerRef) { }\n\n    ngOnInit() {\n        this.buildComponent();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.component && !changes.component.isFirstChange()) {\n            this.component = changes.component.currentValue;\n            this.buildComponent();\n        }\n        if (changes.value && !changes.value.isFirstChange()) {\n            this.value = changes.value.currentValue;\n            this.componentRef.instance.value = this.value;\n        }\n    }\n\n    buildComponent() {\n        const factory = this.resolver.resolveComponentFactory(\n            this.component\n        );\n        if (this.componentRef) this.componentRef.destroy();\n        this.componentRef = this.container.createComponent(factory);\n        this.componentRef.instance.component = this.component;\n        this.componentRef.instance.value = this.value;\n        this.componentRef.instance.field = this.field;\n    }\n}\n","import { IKlesField } from '../interfaces/field.interface';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { FormGroup } from '@angular/forms';\nimport { AfterViewInit, OnDestroy, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nexport abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit, OnDestroy {\n    field: IKlesFieldConfig;\n    group: FormGroup;\n    siblingFields: IKlesFieldConfig[];\n\n    protected _onDestroy = new Subject<void>();\n\n    ngOnInit(): void {\n        // this.applyPipeTransform();\n        if (this.field.valueChanges) {\n            this.field.valueChanges(this.field, this.group, this.siblingFields);\n        }\n\n        this.group.controls[this.field.name]?.valueChanges\n            .pipe(takeUntil(this._onDestroy))\n            .subscribe(val => {\n                if (this.field.valueChanges) {\n                    this.field.valueChanges(this.field, this.group, this.siblingFields, val);\n                }\n                // this.applyPipeTransform();\n            });\n    }\n\n    ngAfterViewInit(): void {\n\n    }\n\n    ngOnDestroy(): void {\n        this._onDestroy.next();\n        this._onDestroy.complete();\n    }\n\n    applyPipeTransform() {\n        if (this.group && this.field) {\n            const control = this.group.controls[this.field.name];\n            if (control) {\n                const val = this.group.controls[this.field.name].value;\n                if (this.field.pipeTransform) {\n                    this.field.pipeTransform.forEach(p => {\n                        let pipeVal = control.value;\n                        if (p.options) {\n                            p.options.forEach(opt => {\n                                pipeVal = p.pipe.transform(val, opt);\n                            });\n                        } else {\n                            pipeVal = p.pipe.transform(val);\n                        }\n                        control.patchValue(pipeVal, { onlySelf: true, emitEvent: false });\n                    });\n                }\n            }\n        }\n    }\n}\n","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: \"kles-form-label\",\n    template: `\n    <div [formGroup]=\"group\" >\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" \n        [ngClass]=\"field.ngClass\" \n        [ngStyle]=\"{'color':'inherit'}\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\">\n    </div>\n`\n})\nexport class KlesFormLabelComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        this.group.controls[this.field.name].disable();\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { startWith, map, switchMap } from 'rxjs/operators';\n\n@Component({\n    selector: 'kles-form-input',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n\n        <ng-container *ngIf=\"field.autocomplete; else notAutoComplete\">\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\" \n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\"\n            [matAutocomplete]=\"auto\">\n\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn.bind(this)\" [panelWidth]=\"this.field.panelWidth\">\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        {{field.property ? option[field.property] : option}}\n                    </mat-option>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"option\" [field]=\"field\">\n                        </ng-container>\n                    </mat-option>\n                </ng-container>\n            </mat-autocomplete>\n        </ng-container>\n\n        <ng-template #notAutoComplete>\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\">\n        </ng-template>\n\n        <mat-spinner matSuffix mode=\"indeterminate\" *ngIf=\"isPending()\" diameter=\"17\"></mat-spinner>\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormInputComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    filteredOption: Observable<any[]>;\n    options$: Observable<any[]>;\n\n    ngOnInit(): void {\n\n        if (this.field.options instanceof Observable) {\n            this.options$ = this.field.options;\n        } else {\n            this.options$ = of(this.field.options);\n        }\n\n\n        this.filteredOption = this.group.get(this.field.name).valueChanges\n            .pipe(\n                startWith(''),\n                // map(data => data ? this.filterData(data) : this.field.options.slice())\n                switchMap(data => data ? this.filterData(data) : this.options$)\n            );\n        if (!this.field.maxLength) {\n            this.field.maxLength = 524288; // Max default input W3C\n        }\n        super.ngOnInit();\n    }\n\n    isPending() {\n        return (this.group.controls[this.field.name].pending || this.field.pending);\n    }\n\n    private filterData(value: any): Observable<any[]> {\n        let filterValue;\n\n        if (typeof value === 'string' && Object.prototype.toString.call(value) === '[object String]') {\n            filterValue = value.toLowerCase();\n        } else {\n            filterValue = value[this.field.property].toLowerCase();\n        }\n\n        if (this.field.property) {\n            return this.options$\n                .pipe(map(options => options.filter(option => option[this.field.property].toLowerCase().indexOf(filterValue) === 0)));\n            // return this.field.options\n            //     .filter(data => data[this.field.property].toLowerCase().indexOf(filterValue) === 0);\n        }\n        // return this.field.options.filter(data => data.toLowerCase().indexOf(filterValue) === 0);\n        return this.options$.pipe(map(options => options.filter(option => option.toLowerCase().indexOf(filterValue) === 0)));\n    }\n\n    displayFn(value: any) {\n        if (this.field.displayWith) {\n            return this.field.displayWith(value);\n        } else {\n            if (value && this.field && this.field.property) {\n                return value[this.field.property] ? value[this.field.property] : '';\n            }\n            return value ? value : '';\n        }\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\n\n\n@Component({\n    selector: 'kles-submit-button',\n    template: `\n    <div [formGroup]=\"group\">\n        <button matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" type=\"submit\" [disabled]=\"field.disabled\" mat-raised-button color=\"primary\">{{field.label}}</button>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormSubmitButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CdkVirtualScrollViewport, ScrollDispatcher } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatOption } from '@angular/material/core';\nimport { Observable, of } from 'rxjs';\nimport { filter } from 'rxjs/operators';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-select',\n    template: `\n    <mat-form-field class=\"margin-top\" [formGroup]=\"group\">\n        <mat-select matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\"\n        (openedChange)=\"openChange($event)\" [compareWith]=\"compareFn\"\n        [ngClass]=\"field.ngClass\" [placeholder]=\"field.placeholder | translate\" [formControlName]=\"field.name\" [multiple]=\"field.multiple\">\n        <mat-select-trigger *ngIf=\"field.triggerComponent\">\n            <ng-container klesComponent [component]=\"field.triggerComponent\" [value]=\"group.controls[field.name].value\" [field]=\"field\"></ng-container>\n        </mat-select-trigger>\n\n\n        <ng-container *ngIf=\"!field.virtualScroll\">\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of options$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of options$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-option>\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"field.virtualScroll\">\n            <cdk-virtual-scroll-viewport [itemSize]=\"field.itemSize || 50\" [style.height.px]=5*48>\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of options$ | async\" [value]=\"item\"  [disabled]=\"item?.disabled\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                    </mat-option>\n\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                    <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of options$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                    </mat-option>\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n            </cdk-virtual-scroll-viewport>\n\n        </ng-container>\n\n        </mat-select>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </mat-form-field>\n`,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormSelectComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    @ViewChild(CdkVirtualScrollViewport) cdkVirtualScrollViewport: CdkVirtualScrollViewport;\n    @ViewChildren(MatOption) options: QueryList<MatOption>;\n\n    options$: Observable<any[]>;\n\n    constructor() {\n        super();\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    openChange($event: boolean) {\n        if (this.field.virtualScroll) {\n            if ($event) {\n                this.cdkVirtualScrollViewport.scrollToIndex(0);\n                this.cdkVirtualScrollViewport.checkViewportSize();\n            }\n        }\n    }\n\n    compareFn = (o1: any, o2: any) => {\n        if (this.field.property && o1 && o2) {\n            return o1[this.field.property] === o2[this.field.property];\n        }\n        return o1 === o2;\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: \"kles-form-datepicker\",\n    template: `\n    <mat-form-field class=\"demo-full-width margin-top\" [formGroup]=\"group\">\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [matDatepicker]=\"picker\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\">\n        <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n        <mat-datepicker #picker></mat-datepicker>\n        <mat-hint></mat-hint>\n        \n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        </mat-form-field>\n    `,\n    styles: []\n})\nexport class KlesFormDateComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-radiobutton',\n    template: `\n    <div [formGroup]=\"group\">\n        <label class=\"radio-label-padding\">{{field.label}}</label>\n        <mat-radio-group matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\">\n            <mat-radio-button *ngFor=\"let item of field.options\" [value]=\"item\">{{item}}</mat-radio-button>\n        </mat-radio-group>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormRadioComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: \"kles-form-checkbox\",\n    template: `\n    <div [formGroup]=\"group\" >  \n        <mat-checkbox matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [indeterminate]=\"field.indeterminate\" [formControlName]=\"field.name\">{{field.label | translate}}</mat-checkbox>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormCheckboxComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\nimport { FormGroup, FormArray, FormBuilder, ValidatorFn, Validators, AsyncValidatorFn } from '@angular/forms';\nimport { IKlesValidator } from '../interfaces/validator.interface';\n\n@Component({\n    selector: 'kles-form-listfield',\n    template: `\n    <div [formGroup]=\"group\" class=\"form-element\">\n        {{field.label | translate}}\n        <button mat-icon-button color=\"primary\" (click)=\"addField()\">\n            <mat-icon>add</mat-icon>\n        </button>\n\n        <div class=\"dynamic-form\" [formGroupName]=\"field.name\">\n            <div *ngFor=\"let subGroup of formArray.controls let index = index;\" fxLayout=\"row\" fxLayoutGap=\"5px\">\n                <ng-container *ngFor=\"let subfield of field.collections;\"\n                    dynamicField [field]=\"subfield\" [group]=\"subGroup\">\n                </ng-container>\n                <button mat-icon-button (click)=\"deleteField(index)\" color=\"primary\">\n                    <mat-icon>delete_outlined</mat-icon>\n                </button>\n            </div>\n            <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n        </div>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormListFieldComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    formArray: FormArray;\n\n    constructor(private fb: FormBuilder) {\n        super();\n    }\n\n    ngOnInit(): void {\n        this.formArray = this.group.controls[this.field.name] as FormArray;\n        super.ngOnInit();\n    }\n\n    private createFormGroup(): FormGroup {\n        const group = this.fb.group({});\n        this.field.collections.forEach(item => {\n            const control = this.fb.control(\n                null,\n                this.bindValidations(item.validations || []),\n                this.bindAsyncValidations(item.asyncValidations || [])\n            );\n            group.addControl(item.name, control);\n\n        });\n\n        return group;\n\n    }\n\n    deleteField(index: number) {\n        this.formArray.removeAt(index);\n    }\n\n    addField() {\n        this.formArray.push(this.createFormGroup());\n    }\n\n\n    private bindValidations(validations: IKlesValidator<ValidatorFn>[]): ValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.compose(validList);\n\n        }\n        return null;\n    }\n\n\n    private bindAsyncValidations(validations: IKlesValidator<AsyncValidatorFn>[]): AsyncValidatorFn {\n        if (validations.length > 0) {\n            const validList = [];\n            validations.forEach(valid => {\n                validList.push(valid.validator);\n            });\n            return Validators.composeAsync(validList);\n\n        }\n        return null;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component, OnDestroy } from '@angular/core';\n@Component({\n    selector: 'kles-form-color',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n        <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [placeholder]=\"field.placeholder | translate\"\n            [colorPicker]=\"group.get(field.name).value\"\n            [value]=\"group.get(field.name).value\"\n            (colorPickerChange)=\"group.get(field.name).setValue($event)\"\n            class=\"colorPicker\"\n            [style.background]=\"group.get(field.name).value\"\n            [style.color]=\"invertColor(group.get(field.name).value,true)\"\n            [formControlName]=\"field.name\">\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormColorComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n\n    ngOnInit() { super.ngOnInit(); }\n\n    invertColor(hex, bw): string {\n        if (hex.indexOf('#') === 0) {\n            hex = hex.slice(1);\n        }\n        // convert 3-digit hex to 6-digits.\n        if (hex.length === 3) {\n            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n        }\n        if (hex.length !== 6) {\n            return '#000000';\n        }\n        let r = parseInt(hex.slice(0, 2), 16);\n        let g = parseInt(hex.slice(2, 4), 16);\n        let b = parseInt(hex.slice(4, 6), 16);\n        if (bw) {\n            return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n                ? '#000000'\n                : '#FFFFFF';\n        }\n        // invert color components\n        const r1 = (255 - r).toString(16);\n        const g1 = (255 - g).toString(16);\n        const b1 = (255 - b).toString(16);\n        // pad each with zeros and return\n        return \"#\" + r1 + g1 + b1;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: \"kles-form-chip\",\n    template: `\n    <div [formGroup]=\"group\">  \n        <mat-chip-list>\n            <mat-chip [color]=\"field.color\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" selected [ngClass]=\"field.ngClass\" [ngStyle]=\"field.ngStyle\">\n                <mat-icon *ngIf=\"field.icon\">{{field.icon}}</mat-icon>\n                {{group.controls[field.name].value | klesTransform:field.pipeTransform}}\n            </mat-chip>\n        </mat-chip-list>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormChipComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { KlesFieldAbstract } from './field.abstract';\n@Component({\n    selector: 'kles-group',\n    template: `\n    <div [formGroup]=\"group\" class=\"group-container\">\n        <div [formGroupName]=\"field.name\" class=\"group-container\" [style.flex-direction]=\"field.direction || 'inherit'\" [ngClass]=\"field.ngClass\" >\n            <ng-container *ngFor=\"let subfield of field.collections;\" klesDynamicField [field]=\"subfield\" [group]=\"subGroup\" [siblingFields]=\"field.collections\">\n            </ng-container>\n        </div>\n    </div>\n`,\n    styles: ['mat-form-field {width: calc(100%)}',\n        ':host { display:flex; flex-direction: inherit}',\n        '.group-container {display:flex; flex-direction: inherit}'\n    ]\n})\nexport class KlesFormGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    subGroup: FormGroup;\n\n    ngOnInit() {\n        this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: \"kles-form-icon\",\n    template: `\n        <mat-icon [color]=\"field.color\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [ngStyle]=\"field.ngStyle\">\n            {{group.controls[field.name].value}}\n        </mat-icon>\n`,\n    styles: []\n})\nexport class KlesFormIconComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport { Component, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { MatOption } from '@angular/material/core';\nimport { Observable, of, ReplaySubject } from 'rxjs';\nimport { map, startWith, switchMap, take, takeUntil } from 'rxjs/operators';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-select-search',\n    template: `\n    <mat-form-field class=\"margin-top\" [formGroup]=\"group\">\n        <mat-select matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\"\n        (openedChange)=\"openChange($event)\" [compareWith]=\"compareFn\"\n        [placeholder]=\"field.placeholder | translate\" [formControlName]=\"field.name\" [multiple]=\"field.multiple\">\n        <mat-select-trigger *ngIf=\"field.triggerComponent\">\n            <ng-container klesComponent [component]=\"field.triggerComponent\" [value]=\"group.controls[field.name].value\" [field]=\"field\"></ng-container>\n        </mat-select-trigger>\n\n        <ng-container *ngIf=\"field.virtualScroll\">\n            <mat-option>\n                <ngx-mat-select-search [formControl]=\"searchControl\"\n                placeholderLabel=\"\" noEntriesFoundLabel =\"\"></ngx-mat-select-search>\n            </mat-option>\n                \n            <cdk-virtual-scroll-viewport [itemSize]=\"field.itemSize || 50\" [style.height.px]=4*48>\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-checkbox *ngIf=\"field.multiple\" class=\"selectAll\" [formControl]=\"selectAllControl\"\n                    (change)=\"toggleAllSelection($event)\">\n                        {{'selectAll' | translate}}\n                    </mat-checkbox>\n                    <mat-option *cdkVirtualFor=\"let item of optionsFiltered$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n                    \n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *cdkVirtualFor=\"let item of optionsFiltered$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                    </mat-option>\n\n                    <ng-container *ngIf=\"field.multiple\">\n                        <mat-option *ngFor=\"let item of group.controls[field.name].value | slice:0:30\" [value]=\"item\"\n                        style=\"display:none\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"!field.multiple && group.controls[field.name].value\">\n                        <mat-option *ngFor=\"let item of [group?.controls[field.name]?.value]\" [value]=\"item\" style=\"display:none\">\n                            <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                        </mat-option>\n                    </ng-container>\n                </ng-container>\n            </cdk-virtual-scroll-viewport>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"!field.virtualScroll\">\n           \n            <mat-option>\n                <ngx-mat-select-search [formControl]=\"searchControl\"\n                placeholderLabel=\"\" noEntriesFoundLabel =\"\"></ngx-mat-select-search>\n            </mat-option>\n            \n            <mat-checkbox *ngIf=\"field.multiple\" class=\"selectAll\" [formControl]=\"selectAllControl\"\n                    (change)=\"toggleAllSelection($event)\">\n                    {{'selectAll' | translate}}\n            </mat-checkbox>\n\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of optionsFiltered$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-option *ngFor=\"let item of optionsFiltered$ | async\" [value]=\"item\" [disabled]=\"item?.disabled\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-option>\n            </ng-container>\n        </ng-container>\n\n\n        </mat-select>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n            <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n                <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n            </ng-container>\n    </mat-form-field>\n`,\n    styles: ['mat-form-field {width: calc(100%)}', '.selectAll {padding: 10px 16px;}']\n})\nexport class KlesFormSelectSearchComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    searchControl = new FormControl();\n    selectAllControl = new FormControl(false);\n\n\n    options$: Observable<any[]>;\n    optionsFiltered$ = new ReplaySubject<any[]>(1);\n\n    // private _onDestroy = new Subject<void>();\n\n    @ViewChild(CdkVirtualScrollViewport) cdkVirtualScrollViewport: CdkVirtualScrollViewport;\n    @ViewChildren(MatOption) options: QueryList<MatOption>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n\n        this.searchControl.valueChanges.pipe(\n            startWith(this.searchControl.value),\n            takeUntil(this._onDestroy),\n            switchMap(value => {\n                if (value) {\n                    const search = value.toLowerCase();\n                    return this.options$.pipe(map(options => {\n                        return options\n                            .filter(option => {\n                                if (this.field.searchKeys && this.field.searchKeys.length) {\n                                    return this.field.searchKeys.some(searchKey => {\n                                        if (option[searchKey]) {\n                                            return option[searchKey].toString().toLowerCase().indexOf(search) > -1;\n                                        }\n                                        return false;\n                                    }) || (this.field.property ?\n                                        option[this.field.property].toString().toLowerCase().indexOf(search) > -1 : false);\n\n                                } else {\n                                    if (this.field.property) {\n                                        return option[this.field.property].toString().toLowerCase().indexOf(search) > -1;\n                                    }\n                                }\n                                return option.toString().toLowerCase().indexOf(search) > -1;\n                            });\n                    }));\n                } else {\n                    return this.options$;\n                }\n            })\n        ).subscribe(this.optionsFiltered$);\n\n        this.group.controls[this.field.name]\n            .valueChanges.pipe(\n                takeUntil(this._onDestroy),\n                startWith(this.group.controls[this.field.name].value),\n                switchMap(selected => {\n                    return this.optionsFiltered$.pipe(\n                        map((options) => options.filter((option) => !option?.disabled)),\n                        map(options => {\n                            if (!selected) {\n                                return false;\n                            }\n                            if (options.length < selected.length) {\n                                return options.length > 0 && options.every(o => selected.includes(o));\n                            } else {\n                                return options.length > 0 && options.length === selected.length && selected.every(s => options.includes(s));\n                            }\n                        }));\n                })\n            ).subscribe(isChecked => {\n                this.selectAllControl.setValue(isChecked);\n            });\n    }\n\n    ngOnDestroy(): void {\n        // this._onDestroy.next();\n        super.ngOnDestroy();\n    }\n\n\n    toggleAllSelection(state) {\n        if (state.checked) {\n            this.optionsFiltered$.pipe(take(1), map((options) => options.filter((option) => !option?.disabled))).subscribe(options => {\n                if (options.length > 0) {\n                    this.group.controls[this.field.name].patchValue(options.slice());\n                }\n            });\n\n        } else {\n            this.group.controls[this.field.name].patchValue([]);\n        }\n    }\n\n    openChange($event: boolean) {\n        if (this.field.virtualScroll) {\n            if ($event) {\n                this.cdkVirtualScrollViewport.scrollToIndex(0);\n                this.cdkVirtualScrollViewport.checkViewportSize();\n            }\n        }\n    }\n\n    compareFn = (o1: any, o2: any) => {\n        if (this.field.property && o1 && o2) {\n            return o1[this.field.property] === o2[this.field.property];\n        }\n        return o1 === o2;\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: \"kles-form-line-break\",\n    template: ``,\n    styles: [\n        `:host{\n            flex-basis: 100%;\n            display: flex;\n            height:0;\n        }`\n    ]\n})\nexport class KlesFormLineBreakComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: 'kles-form-link',\n    template: `\n        <a [href]=\"group.controls[field.name].value\" matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n            {{field.label}}\n        </a>\n`\n})\nexport class KlesFormLinkComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { Component, OnDestroy, OnInit } from '@angular/core';\nimport { MatSelectionListChange } from '@angular/material/list';\nimport { Observable, of } from 'rxjs';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-selection-list',\n    template: `\n    <div class=\"margin-top\" [formGroup]=\"group\">\n        <mat-selection-list [formControlName]=\"field.name\" [attr.id]=\"field.id\" [multiple]=\"field.multiple\" [ngClass]=\"field.ngClass\">\n            <ng-container *ngIf=\"!field.autocompleteComponent\">\n                <mat-list-option [value]=\"item\" *ngFor=\"let item of options$ | async;\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                </mat-list-option>\n            </ng-container>\n\n            <ng-container *ngIf=\"field.autocompleteComponent\">\n                <mat-list-option  *ngFor=\"let item of options$ | async;\" [value]=\"item\">\n                    <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"item\" [field]=\"field\"></ng-container>\n                </mat-list-option>\n            </ng-container>\n        </mat-selection-list>\n    </div>\n`,\n    styles: ['mat-selection-list {width: calc(100%);height: 250px; overflow:auto}'],\n})\nexport class KlesFormSelectionListComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    options$: Observable<any[]>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-toogle-group',\n    template: `\n        <div [formGroup]=\"group\" class=\"form-element\">\n            <mat-button-toggle-group [formControlName]=\"field.name\" [multiple]=\"field.multiple\"\n            [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n                <mat-button-toggle *ngFor=\"let item of options$ | async\" [value]=\"item\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                </mat-button-toggle>\n            </mat-button-toggle-group>\n        </div>\n`\n})\nexport class KlesFormButtonToogleGroupComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    options$: Observable<any[]>;\n\n    ngOnInit() {\n        super.ngOnInit();\n\n        if (!(this.field.options instanceof Observable)) {\n            this.options$ = of(this.field.options);\n        } else {\n            this.options$ = this.field.options;\n        }\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { FormArray, FormGroup } from '@angular/forms';\nimport { KlesFieldAbstract } from './field.abstract';\n@Component({\n    selector: 'kles-array',\n    template: `\n    <div [formGroup]=\"group\">\n        <ng-container [formArrayName]=\"field.name\">\n            <div class=\"group-container\" *ngFor=\"let subGroup of formArray.controls let index = index;\"\n            [ngClass]=\"field.direction === 'column' ? 'column': 'row'\">\n                <ng-container *ngFor=\"let subfield of field.collections;\"\n                    klesDynamicField [field]=\"subfield\" [group]=\"subGroup\" [siblingFields]=\"field.collections\">\n                </ng-container>\n            </div>\n        </ng-container>\n    </div>\n`,\n    styles: ['mat-form-field {width: calc(100%)}',\n        ':host { display:flex; flex-direction: inherit}',\n        '.group-container {display:flex; flex-direction: inherit}',\n        '.row { gap:10px; flex-direction: row }',\n        '.column { flex-direction: column, gap:0px}'\n    ]\n})\nexport class KlesFormArrayComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    // subGroup: FormGroup\n\n    formArray: FormArray;\n\n    ngOnInit() {\n        // this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n        this.formArray = this.group.controls[this.field.name] as FormArray;\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Directive, Input, OnInit, ComponentFactoryResolver, ViewContainerRef, ComponentRef, Type, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';\n\nimport { FormGroup } from '@angular/forms';\nimport { IKlesFieldConfig } from '../interfaces/field.config.interface';\nimport { KlesFormLabelComponent } from '../fields/label.component';\nimport { KlesFormInputComponent } from '../fields/input.component';\nimport { KlesFormSubmitButtonComponent } from '../fields/button-submit.component';\nimport { KlesFormSelectComponent } from '../fields/select.component';\nimport { KlesFormDateComponent } from '../fields/date.component';\nimport { KlesFormRadioComponent } from '../fields/radio.component';\nimport { KlesFormCheckboxComponent } from '../fields/checkbox.component';\nimport { KlesFormListFieldComponent } from '../fields/list-field.component';\nimport { KlesFormColorComponent } from '../fields/color.component';\nimport { KlesFormChipComponent } from '../fields/chip.component';\nimport { KlesFormGroupComponent } from '../fields/group.component';\nimport { KlesFormIconComponent } from '../fields/icon.component';\nimport { KlesFormSelectSearchComponent } from '../fields/select.search.component';\nimport { KlesFormLineBreakComponent } from '../fields/line-break.component';\nimport { KlesFormLinkComponent } from '../fields/link.component';\nimport { KlesFormSelectionListComponent } from '../fields/selection-list.component';\nimport { KlesFormButtonToogleGroupComponent } from '../fields/button-toogle-group.component';\nimport { KlesFormArrayComponent } from '../fields/array.component';\n\nconst componentMapper = {\n    label: KlesFormLabelComponent,\n    input: KlesFormInputComponent,\n    button: KlesFormSubmitButtonComponent,\n    select: KlesFormSelectComponent,\n    date: KlesFormDateComponent,\n    radio: KlesFormRadioComponent,\n    checkbox: KlesFormCheckboxComponent,\n    listField: KlesFormListFieldComponent,\n    array: KlesFormArrayComponent,\n    color: KlesFormColorComponent,\n    chip: KlesFormChipComponent,\n    group: KlesFormGroupComponent,\n    icon: KlesFormIconComponent,\n    selectSearch: KlesFormSelectSearchComponent,\n    lineBreak: KlesFormLineBreakComponent,\n    link: KlesFormLinkComponent,\n    selectionList: KlesFormSelectionListComponent,\n    buttonToogleGroup: KlesFormButtonToogleGroupComponent\n};\n\n@Directive({\n    selector: '[klesDynamicField]'\n})\nexport class KlesDynamicFieldDirective implements OnInit, OnChanges, OnDestroy {\n    @Input() field: IKlesFieldConfig;\n    @Input() group: FormGroup;\n    @Input() siblingFields: IKlesFieldConfig[];\n\n    componentRef: ComponentRef<any>;\n\n    constructor(protected resolver: ComponentFactoryResolver,\n        protected container: ViewContainerRef) { }\n\n    ngOnDestroy(): void {\n        if (this.componentRef) this.componentRef.destroy();\n    }\n\n    ngOnInit() {\n        this.buildComponent();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.group) {\n            this.group = changes.group.currentValue;\n        }\n        if (changes.field) {\n            // if (changes.field.previousValue && changes.field.currentValue.component !== changes.field.previousValue.component) {\n                this.field = changes.field.currentValue;\n                this.buildComponent();\n            // } else {\n            //     this.field = changes.field.currentValue;\n            // }\n        }\n    }\n\n    buildComponent() {\n        const factory = this.resolver.resolveComponentFactory(\n            this.field.component || componentMapper[this.field.type]\n        );\n        if (this.componentRef) this.componentRef.destroy();\n        this.componentRef = this.container.createComponent(factory);\n        this.componentRef.instance.field = this.field;\n        this.componentRef.instance.group = this.group;\n        this.componentRef.instance.siblingFields = this.siblingFields;\n    }\n}\n","import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\n\nexport class KlesFormErrorStateMatcher implements ErrorStateMatcher {\n\n    constructor() {\n    }\n\n    isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        const isSubmitted = form && form.submitted;\n        return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));\n    }\n\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatListModule } from '@angular/material/list';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { CdkTableModule } from '@angular/cdk/table';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSortModule } from '@angular/material/sort';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatNativeDateModule } from '@angular/material/core';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { MatTreeModule } from '@angular/material/tree';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { ColorPickerModule } from 'ngx-color-picker';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatToolbarModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatBadgeModule,\n        MatListModule,\n        MatGridListModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatSelectModule,\n        MatRadioModule,\n        MatDatepickerModule,\n        MatChipsModule,\n        MatTooltipModule,\n        MatTableModule,\n        MatPaginatorModule,\n        MatCardModule,\n        MatMenuModule,\n        MatTabsModule,\n        CdkTableModule,\n        MatProgressSpinnerModule,\n        MatCheckboxModule,\n        MatDialogModule,\n        MatAutocompleteModule,\n        MatProgressBarModule,\n        MatSortModule,\n        MatExpansionModule,\n        MatNativeDateModule,\n        MatSnackBarModule,\n        MatTreeModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatSlideToggleModule,\n        ColorPickerModule,\n        MatButtonToggleModule\n    ],\n\n    exports: [\n        MatButtonModule,\n        MatToolbarModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatBadgeModule,\n        MatListModule,\n        MatGridListModule,\n        MatInputModule,\n        MatFormFieldModule,\n        MatSelectModule,\n        MatRadioModule,\n        MatDatepickerModule,\n        MatChipsModule,\n        MatTooltipModule,\n        MatTableModule,\n        MatPaginatorModule,\n        MatCardModule,\n        MatMenuModule,\n        MatTabsModule,\n        CdkTableModule,\n        MatProgressSpinnerModule,\n        MatCheckboxModule,\n        MatDialogModule,\n        MatAutocompleteModule,\n        MatProgressBarModule,\n        MatSortModule,\n        MatExpansionModule,\n        MatNativeDateModule,\n        MatSnackBarModule,\n        MatTreeModule,\n        MatSliderModule,\n        MatButtonModule,\n        MatSlideToggleModule,\n        ColorPickerModule,\n        ScrollingModule,\n        CdkScrollable,\n        MatButtonToggleModule\n    ],\n    providers: [\n        MatDatepickerModule,\n        MatDialogModule\n    ]\n})\n\nexport class MaterialModule { }\n","import { Component, OnInit, forwardRef, Input } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface IButton {\n    event?: any;\n    uiButton?: IUIButton\n}\n\nexport interface IUIButton {\n    label?: string;\n    color?: string;\n    icon?: string;\n    iconSvg?: string;\n    disabled?: boolean;\n    class?: string\n}\n\n@Component({\n    selector: 'kles-button',\n    template: `\n        <span>\n            <button mat-button [ngClass]=\"classButton\" [color]=\"(color)?color:'primary'\" [disabled]=\"disabled\"\n            (click)=\"click($event)\" [matTooltip]=\"tooltip\">\n                {{label | translate}}\n                <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n                <mat-icon svgIcon=\"{{iconSvg}}\" *ngIf=\"iconSvg\"></mat-icon>\n            </button>\n        </span>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonComponent implements OnInit, ControlValueAccessor {\n    @Input() name = '';\n    @Input() label = '';\n    @Input() color = 'accent';\n    @Input() icon = '';\n    @Input() iconSvg = '';\n    @Input() disabled = false;\n    @Input() classButton = '';\n    @Input() value: IButton = {};\n    @Input() tooltip?: string;\n\n    onChange: any = () => { };\n    onTouched: any = () => { };\n\n    ngOnInit(): void {\n    }\n\n    click(event) {\n        this.value.event = this.name;\n        this.onChange(this.value);\n    }\n\n    writeValue(value: IButton): void {\n        if (!value) {\n            value = { event: this.name };\n        }\n        if (!value.event) {\n            value.event = this.name;\n        }\n        if (value.uiButton) {\n            const uiButton = value.uiButton;\n            this.label = (uiButton.label) ? uiButton.label : this.label;\n            this.color = (uiButton.color) ? uiButton.color : this.color;\n            this.icon = (uiButton.icon) ? uiButton.icon : this.icon;\n            this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;\n            this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;\n            this.classButton = (uiButton.class) ? uiButton.class : this.classButton;\n        }\n        this.value = value;\n    }\n\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: 'kles-form-button',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\" \n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\" \n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\"\n            [tooltip]=\"field.tooltip\">\n        </kles-button>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnInit, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IButton, KlesButtonComponent } from './button-control.component';\n\nexport interface IButtonChecker extends IButton {\n    busy: boolean;\n    error?: any[];\n    message?: string;\n}\n\n@Component({\n    selector: 'kles-button-checker',\n    template: `\n        <span *ngIf=\"value.error && !value.busy\">\n            <kles-button \n                [classButton]=\"classButton\" \n                [name]=\"name\" [label]=\"label\" [color]=\"color\" \n                [icon]=\"icon\" [iconSvg]=\"iconSvg\"\n                [value]=\"value\" \n                [tooltip]=\"tooltip\"\n                [disabled]=\"disabled\"\n                matBadge=\"{{countError()}}\" (click)=\"click($event)\">\n            </kles-button>\n        </span>\n        <span style=\"text-align: center;\">\n            <span style=\"text-align: center;margin-right: 10px\" *ngIf=\"value.busy||false\">\n                <mat-spinner [diameter]=\"25\"></mat-spinner>\n            </span>\n            <span *ngIf=\"value.message\" style=\"margin-right: 10px\">\n                {{value.message|translate}}\n            </span>\n        </span>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonCheckerComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonCheckerComponent extends KlesButtonComponent implements ControlValueAccessor {\n    value: IButtonChecker = {\n        busy: false,\n        error: [],\n        event: false\n    };\n\n    countError(): number {\n        return (this.value.error) ? this.value.error.length : 0;\n    }\n}","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-checker',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button-checker\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\"\n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\"\n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\"\n            [tooltip]=\"field.tooltip\">\n        </kles-button-checker>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonCheckerComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnInit, forwardRef, ViewChild } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { IButton, KlesButtonComponent } from './button-control.component';\n\nexport interface IButtonFile extends IButton {\n    fileContent?: string | string[];\n}\n\n@Component({\n    selector: 'kles-button-file',\n    template: `\n        <input type=\"file\" #file style=\"display: none\" accept=\"{{accept}}\" (change)=\"onFileSelect($event.target)\" multiple />\n        <kles-button \n            [classButton]=\"classButton\" \n            [name]=\"name\" [label]=\"label\" [color]=\"color\" \n            [icon]=\"icon\" [iconSvg]=\"iconSvg\"\n            [disabled]=\"disabled\"\n            [value]=\"value\" (click)=\"click($event)\">\n        </kles-button>\n    `,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => KlesButtonFileComponent),\n            multi: true\n        }\n    ]\n})\nexport class KlesButtonFileComponent extends KlesButtonComponent implements ControlValueAccessor {\n    @ViewChild('file') file;\n    accept = '*.*';\n    fileReader = new FileReader();\n    fileContent: string | string[];\n    value: IButtonFile = {};\n\n    click(event) {\n        this.file.nativeElement.click();\n    }\n\n    writeValue(value: IButton): void {\n        if (!value) {\n            value = { event: this.name };\n        }\n        if (!value.event) {\n            value.event = this.name;\n        }\n        if (value.uiButton) {\n            const uiButton = value.uiButton;\n            this.label = (uiButton.label) ? uiButton.label : this.label;\n            this.color = (uiButton.color) ? uiButton.color : this.color;\n            this.icon = (uiButton.icon) ? uiButton.icon : this.icon;\n            this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;\n            this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;\n            this.classButton = (uiButton.class) ? uiButton.class : this.classButton;\n        }\n        this.value = value;\n    }\n\n\n    onFileLoad(fileLoadedEvent) {\n        const textFromFileLoaded = fileLoadedEvent.target.result;\n        this.fileContent = textFromFileLoaded;\n    }\n\n    async onFileSelect(input: HTMLInputElement) {\n        if (input.files.length > 0) {\n            const files = input.files;\n            let fileContent = [];\n            if (files && files.length) {\n                for (let i = 0; i < files.length; i++) {\n                    try {\n                        fileContent[i] = await this.readUploadedFile(files[i]);\n                    } catch (e) {\n                    }\n                }\n                if (fileContent.length === 1) {\n                    fileContent = fileContent[0];\n                }\n            }\n            this.value.event = this.name;\n            this.value.fileContent = fileContent;\n            this.onChange(this.value);\n            input.value = '';\n        }\n    }\n\n    readUploadedFile(inputFile): Promise<any> {\n        const temporaryFileReader = new FileReader();\n        return new Promise((resolve, reject) => {\n            temporaryFileReader.onerror = () => {\n                temporaryFileReader.abort();\n                const error: DOMException = new DOMException('Problem parsing input file.');\n                reject(error);\n            };\n            temporaryFileReader.onload = () => {\n                resolve(temporaryFileReader.result);\n            };\n            temporaryFileReader.readAsArrayBuffer(inputFile);\n        });\n    }\n}\n","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-button-file',\n    template: `\n    <div [formGroup]=\"group\">\n        <kles-button-file\n            [attr.id]=\"field.id\" [classButton]=\"field.ngClass\" \n            [name]=\"field.name\" [label]=\"field.label\" [color]=\"field.color\" \n            [icon]=\"field.icon\"\n            [iconSvg]=\"field.iconSvg\"\n            [value]=\"field.value\"\n            [formControlName]=\"field.name\">\n        </kles-button-file>\n    </div>\n    `,\n    styles: []\n})\nexport class KlesFormButtonFileComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-textarea',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n        <textarea matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" \n        [formControlName]=\"field.name\" cdkTextareaAutosize [placeholder]=\"field.placeholder | translate\"\n        [cdkAutosizeMinRows]=\"field.textareaAutoSize?.minRows\" [cdkAutosizeMaxRows]=\"field.textareaAutoSize?.maxRows\"  [maxlength]=\"field.maxLength\">\n        </textarea>\n\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormTextareaComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from \"./field.abstract\";\n\n@Component({\n    selector: 'kles-form-text',\n    template: `\n    <span matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n        {{(field.property ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}\n    </span> \n`\n})\nexport class KlesFormTextComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { OnInit, Component, OnDestroy } from '@angular/core';\nimport { KlesFormInputComponent } from './input.component';\n\n@Component({\n    selector: 'kles-form-input-clearable',\n    template: `\n    <mat-form-field [formGroup]=\"group\" class=\"form-element\">\n\n        <ng-container *ngIf=\"field.autocomplete; else notAutoComplete\">\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\"\n            [matAutocomplete]=\"auto\">\n\n            <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn.bind(this)\" [panelWidth]=\"this.field.panelWidth\">\n                <ng-container *ngIf=\"!field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        {{field.property ? option[field.property] : option}}\n                    </mat-option>\n                </ng-container>\n\n                <ng-container *ngIf=\"field.autocompleteComponent\">\n                    <mat-option *ngFor=\"let option of filteredOption | async\" [value]=\"option\">\n                        <ng-container klesComponent [component]=\"field.autocompleteComponent\" [value]=\"option\" [field]=\"field\">\n                        </ng-container>\n                    </mat-option>\n                </ng-container>\n            </mat-autocomplete>\n        </ng-container>\n\n        <ng-template #notAutoComplete>\n            <input matInput matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [formControlName]=\"field.name\" [placeholder]=\"field.placeholder | translate\" [type]=\"field.inputType\"\n            [maxLength]=\"field.maxLength\" [min]=\"field.min\" [max]=\"field.max\" [step]=\"field.step\">\n        </ng-template>\n        <button *ngIf=\"!group.get(field.name).disabled\" mat-button matSuffix mat-icon-button aria-label=\"Clear\" type=\"button\"\n            (click)=\"group.controls[field.name].reset();\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <mat-spinner matSuffix mode=\"indeterminate\" *ngIf=\"isPending()\" diameter=\"17\"></mat-spinner>\n\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message | translate}}</mat-error>\n        </ng-container>\n    </mat-form-field>\n    `,\n    styles: ['mat-form-field {width: calc(100%)}']\n})\nexport class KlesFormInputClearableComponent extends KlesFormInputComponent implements OnInit, OnDestroy {\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\n\n@Pipe({ name: 'klesTransform' })\nexport class KlesTransformPipe implements PipeTransform {\n\n    transform(value: any, pipes: { pipe: PipeTransform, options?: any[] }[]): any {\n\n        if (pipes && pipes.length > 0) {\n            return pipes.reduce((acc, p) => {\n                if (p.options) {\n                    p.options.forEach(opt => {\n                        acc = p.pipe.transform(acc, opt);\n                    });\n                } else {\n                    acc = p.pipe.transform(acc);\n                }\n                return acc;\n            }, value)\n        }\n        return value;\n\n    }\n}\n","import { Pipe, PipeTransform } from \"@angular/core\";\n\n@Pipe({ name: 'arrayFormat' })\nexport class ArrayFormatPipe implements PipeTransform {\n\n    transform(values: any[], property?: string): string {\n        if (values && Array.isArray(values)) {\n            if (property) {\n                return values.map(value => value[property]).filter(Boolean).join(', ');\n            } else {\n                return values.join(', ');\n            }\n        }\n        return '';\n    }\n}","\nimport { Component, OnDestroy, OnInit } from \"@angular/core\";\nimport { KlesFieldAbstract } from './field.abstract';\n\n\n@Component({\n    selector: 'kles-form-slide-toggle',\n    template: `\n    <div [formGroup]=\"group\" >\n        <mat-slide-toggle matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" [color]=\"field.color\" [formControlName]=\"field.name\">{{field.label | translate}}</mat-slide-toggle>\n        <ng-container *ngFor=\"let validation of field.validations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n        <ng-container *ngFor=\"let validation of field.asyncValidations;\" ngProjectAs=\"mat-error\">\n            <mat-error *ngIf=\"group.get(field.name).hasError(validation.name)\">{{validation.message}}</mat-error>\n        </ng-container>\n    </div>\n`,\n    styles: []\n})\nexport class KlesFormSlideToggleComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n    ngOnInit() { super.ngOnInit(); }\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { Component, OnDestroy, OnInit } from '@angular/core';\nimport { KlesFieldAbstract } from './field.abstract';\n\n@Component({\n    selector: 'kles-form-badge',\n    template: `\n    <span matTooltip=\"{{field.tooltip}}\" [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\" \n        matBadge=\"{{group.controls[field.name].value}}\" matBadgeOverlap=\"false\" matBadgeColor=\"{{field.color}}\">\n    </span>\n`\n})\nexport class KlesFormBadgeComponent extends KlesFieldAbstract implements OnInit, OnDestroy {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n}\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { KlesDynamicFormComponent } from './dynamic-form.component';\nimport { KlesComponentDirective } from './directive/dynamic-component.directive';\nimport { KlesDynamicFieldDirective } from './directive/dynamic-field.directive';\nimport { KlesFormErrorStateMatcher } from './matcher/form-error.matcher';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { MaterialModule } from './modules/material.module';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { ColorPickerModule } from 'ngx-color-picker';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { KlesFormLabelComponent } from './fields/label.component';\nimport { KlesFormInputComponent } from './fields/input.component';\nimport { KlesFormSubmitButtonComponent } from './fields/button-submit.component';\nimport { KlesFormSelectComponent } from './fields/select.component';\nimport { KlesFormDateComponent } from './fields/date.component';\nimport { KlesFormRadioComponent } from './fields/radio.component';\nimport { KlesFormCheckboxComponent } from './fields/checkbox.component';\nimport { KlesFormListFieldComponent } from './fields/list-field.component';\nimport { KlesFormColorComponent } from './fields/color.component';\nimport { KlesButtonComponent } from './forms/button-control.component';\nimport { KlesFormButtonComponent } from './fields/button-form.component';\nimport { KlesButtonCheckerComponent } from './forms/buttonchecker-control.component';\nimport { KlesFormButtonCheckerComponent } from './fields/buttonchecker-form.component';\nimport { KlesButtonFileComponent } from './forms/buttonfile-control.component';\nimport { KlesFormButtonFileComponent } from './fields/buttonfile-form.component';\nimport { KlesFormTextareaComponent } from './fields/textarea.component';\nimport { KlesFormTextComponent } from './fields/text.component';\nimport { KlesFormChipComponent } from './fields/chip.component';\nimport { KlesFormGroupComponent } from './fields/group.component';\nimport { KlesFormInputClearableComponent } from './fields/input.clearable.component';\nimport { KlesFormIconComponent } from './fields/icon.component';\nimport { KlesTransformPipe } from './pipe/transform.pipe';\nimport { NgxMatSelectSearchModule } from 'ngx-mat-select-search';\nimport { KlesFormSelectSearchComponent } from './fields/select.search.component';\nimport { KlesFormLineBreakComponent } from './fields/line-break.component';\nimport { ArrayFormatPipe } from './pipe/array.pipe';\nimport { KlesFormLinkComponent } from './fields/link.component';\nimport { KlesFormSlideToggleComponent } from './fields/slide-toggle.component';\nimport { KlesFormSelectionListComponent } from './fields/selection-list.component';\nimport { KlesFormBadgeComponent } from './fields/badge.component';\nimport { KlesFormButtonToogleGroupComponent } from './fields/button-toogle-group.component';\nimport { KlesFormArrayComponent } from './fields/array.component';\n\nconst components = [\n  KlesDynamicFormComponent,\n  KlesFormLabelComponent,\n  KlesFormInputComponent,\n  KlesFormInputClearableComponent,\n  KlesFormSubmitButtonComponent,\n  KlesFormBadgeComponent,\n  KlesButtonComponent,\n  KlesFormButtonComponent,\n  KlesButtonCheckerComponent,\n  KlesFormButtonCheckerComponent,\n  KlesButtonFileComponent,\n  KlesFormButtonFileComponent,\n  KlesFormSelectComponent,\n  KlesFormDateComponent,\n  KlesFormRadioComponent,\n  KlesFormCheckboxComponent,\n  KlesFormListFieldComponent,\n  KlesFormColorComponent,\n  KlesFormTextareaComponent,\n  KlesFormTextComponent,\n  KlesFormChipComponent,\n  KlesFormGroupComponent,\n  KlesFormIconComponent,\n  KlesFormSelectSearchComponent,\n  KlesFormLineBreakComponent,\n  KlesFormLinkComponent,\n  KlesFormSlideToggleComponent,\n  KlesFormSelectionListComponent,\n  KlesFormButtonToogleGroupComponent,\n  KlesFormArrayComponent\n];\n\nconst directives = [KlesDynamicFieldDirective, KlesComponentDirective];\nconst pipes = [KlesTransformPipe, ArrayFormatPipe];\n@NgModule({\n  declarations: [\n    components,\n    directives,\n    pipes\n\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    FlexLayoutModule,\n    FormsModule,\n    MaterialModule,\n    ColorPickerModule,\n    NgxMatSelectSearchModule\n  ],\n  providers: [\n    { provide: ErrorStateMatcher, useClass: KlesFormErrorStateMatcher },\n    pipes\n  ],\n  entryComponents: [\n    components\n  ],\n  exports: [\n    components,\n    pipes,\n    directives,\n    ColorPickerModule\n  ],\n  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]\n})\nexport class KlesMaterialDynamicformsModule { }\n","import { AbstractControl, ValidatorFn } from \"@angular/forms\"\n\nexport function autocompleteObjectValidator(optional?: boolean): ValidatorFn {\n    return (control: AbstractControl): { [key: string]: any } | null => {\n        if ((control.value === null || control.value === undefined) && !optional) return { 'invalidAutocompleteObject': { value: control.value } }\n\n        if (typeof control.value === 'string') {\n            if (control.value === '' && optional) return null;\n            return { 'invalidAutocompleteObject': { value: control.value } }\n        }\n        return null  /* valid option selected */\n    }\n}\n\nexport function autocompleteStringValidator(validOptions: Array<string>, optional?: boolean): ValidatorFn {\n    return (control: AbstractControl): { [key: string]: any } | null => {\n        if ((control.value === '' || control.value === null) && optional) return null;\n        if (validOptions.indexOf(control.value) !== -1) {\n            return null  /* valid option selected */\n        }\n        return { 'invalidAutocompleteString': { value: control.value } }\n    }\n}"]}