@3kles/kles-material-dynamicforms 1.1.4 → 1.1.5

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/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/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","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","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","control","createControl","addControl","array_1","array","data","subGroup","group","collections","subfield","subGroup_1","isArray","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","valueChanges","siblingFields","pipe","subscribe","val","ngAfterViewInit","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","KlesFormIconComponent","KlesFormSelectSearchComponent","searchControl","FormControl","selectAllControl","optionsFiltered$","ReplaySubject","_onDestroy","Subject","takeUntil","search_1","searchKeys","some","searchKey","selected","every","o","s","isChecked","setValue","ngOnDestroy","toggleAllSelection","state","checked","take","KlesFormLineBreakComponent","KlesFormLinkComponent","KlesFormSelectionListComponent","KlesFormButtonToogleGroupComponent","componentMapper","input","button","select","date","radio","checkbox","listField","color","chip","icon","selectSearch","lineBreak","link","selectionList","buttonToogleGroup","KlesDynamicFieldDirective","previousValue","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","console","log","size","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","import { OnInit, Component, Input, Output, EventEmitter, AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators, ValidatorFn, AsyncValidatorFn, ValidationErrors, AsyncValidator, AbstractControl } from '@angular/forms';\nimport { KlesFormGroupComponent } from './fields/group.component';\nimport { KlesFormListFieldComponent } from './fields/list-field.component';\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 === '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 === '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.createControl(subfield);\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.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 === '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, OnInit } from '@angular/core';\nimport { Observable, of } from 'rxjs';\n\nexport abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit {\n    field: IKlesFieldConfig;\n    group: FormGroup;\n    siblingFields: IKlesFieldConfig[];\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()\n            .subscribe(val => {\n                if (this.field.valueChanges) {\n                    this.field.valueChanges(this.field, this.group, this.siblingFields, val);\n                }\n\n                // this.applyPipeTransform();\n            });\n    }\n\n    ngAfterViewInit(): void {\n\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, 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 {\n\n    ngOnInit() {\n        this.group.controls[this.field.name].disable();\n        super.ngOnInit();\n    }\n}","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\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","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}\n","import { CdkVirtualScrollViewport, ScrollDispatcher } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, 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 {\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    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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\n\n    ngOnInit() { super.ngOnInit(); }\n}","\nimport { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\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\n}\n\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\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","import { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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\">\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 {\n\n    subGroup: FormGroup\n\n    ngOnInit() {\n        this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n    }\n}\n","import { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\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, Subject } 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    }\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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}\n","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { Component, 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 {\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}\n","import { Component, 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 {\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}\n\n\n// <mat-button-toggle-group [formControlName]=\"field.name\">\n//                 <mat-button-toggle value=\"bold\">Bold</mat-button-toggle>\n//                 <mat-button-toggle value=\"italic\">Italic</mat-button-toggle>\n//                 <mat-button-toggle value=\"underline\">Underline</mat-button-toggle>\n//             </mat-button-toggle-group>","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';\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    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 } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\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 } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\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                console.log('Filename: ' + files[0].name);\n                console.log('Type: ' + files[0].type);\n                console.log('Size: ' + files[0].size + ' bytes');\n\n                console.log('Files=', files.length);\n\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}","import { OnInit, Component } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}\n","import { Component, 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 {\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n}\n","import { OnInit, Component } 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 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 {\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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\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';\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];\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/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/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","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","e","rejected","result","done","then","apply","__generator","body","f","y","t","g","_","label","sent","trys","ops","verb","throw","return","Symbol","iterator","n","v","op","TypeError","call","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","control","createControl","addControl","array_1","array","data","subGroup","group","collections","subfield","subGroup_1","isArray","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","valueChanges","siblingFields","pipe","subscribe","val","ngAfterViewInit","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","KlesFormIconComponent","KlesFormSelectSearchComponent","searchControl","FormControl","selectAllControl","optionsFiltered$","ReplaySubject","_onDestroy","Subject","takeUntil","search_1","searchKeys","some","searchKey","selected","every","o","s","isChecked","setValue","ngOnDestroy","toggleAllSelection","state","checked","take","KlesFormLineBreakComponent","KlesFormLinkComponent","KlesFormSelectionListComponent","KlesFormButtonToogleGroupComponent","componentMapper","input","button","select","date","radio","checkbox","listField","color","chip","icon","selectSearch","lineBreak","link","selectionList","buttonToogleGroup","KlesDynamicFieldDirective","previousValue","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","console","log","size","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","import { OnInit, Component, Input, Output, EventEmitter, AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators, ValidatorFn, AsyncValidatorFn, ValidationErrors, AsyncValidator, AbstractControl } from '@angular/forms';\nimport { KlesFormGroupComponent } from './fields/group.component';\nimport { KlesFormListFieldComponent } from './fields/list-field.component';\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 === '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 === '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.createControl(subfield);\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.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 === '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, OnInit } from '@angular/core';\nimport { Observable, of } from 'rxjs';\n\nexport abstract class KlesFieldAbstract implements IKlesField, OnInit, AfterViewInit {\n    field: IKlesFieldConfig;\n    group: FormGroup;\n    siblingFields: IKlesFieldConfig[];\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()\n            .subscribe(val => {\n                if (this.field.valueChanges) {\n                    this.field.valueChanges(this.field, this.group, this.siblingFields, val);\n                }\n\n                // this.applyPipeTransform();\n            });\n    }\n\n    ngAfterViewInit(): void {\n\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, 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 {\n\n    ngOnInit() {\n        this.group.controls[this.field.name].disable();\n        super.ngOnInit();\n    }\n}","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\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","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}\n","import { CdkVirtualScrollViewport, ScrollDispatcher } from '@angular/cdk/scrolling';\nimport { AfterViewInit, ChangeDetectorRef, Component, 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 {\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    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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\n\n    ngOnInit() { super.ngOnInit(); }\n}","\nimport { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\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\n}\n\n","import { KlesFieldAbstract } from './field.abstract';\nimport { OnInit, Component } 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 {\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","import { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\n\n    subGroup: FormGroup\n\n    ngOnInit() {\n        this.subGroup = this.group.controls[this.field.name] as FormGroup;\n        super.ngOnInit();\n    }\n}\n","import { Component, 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 {\n    ngOnInit() { super.ngOnInit(); }\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, Subject } 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    }\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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}\n","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { Component, 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 {\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}\n","import { Component, 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 {\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}\n\n\n// <mat-button-toggle-group [formControlName]=\"field.name\">\n//                 <mat-button-toggle value=\"bold\">Bold</mat-button-toggle>\n//                 <mat-button-toggle value=\"italic\">Italic</mat-button-toggle>\n//                 <mat-button-toggle value=\"underline\">Underline</mat-button-toggle>\n//             </mat-button-toggle-group>","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';\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    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 } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\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 } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\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                console.log('Filename: ' + files[0].name);\n                console.log('Type: ' + files[0].type);\n                console.log('Size: ' + files[0].size + ' bytes');\n\n                console.log('Files=', files.length);\n\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}","import { OnInit, Component } 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 {\n\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}\n","import { Component, 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 {\n    ngOnInit(): void {\n        super.ngOnInit();\n    }\n}","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\n    }\n}\n","import { OnInit, Component } 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 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 {\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, 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 {\n    ngOnInit() { super.ngOnInit(); }\n}","import { Component, 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 {\n\n    ngOnInit() {\n        super.ngOnInit();\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';\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];\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}"]}