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