@tots/editable-columns 15.0.0

package/README.md

@@ -0,0 +1,24 @@
+# EditableColumns
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project editable-columns` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project editable-columns`.
+> Note: Don't forget to add `--project editable-columns` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build editable-columns` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build editable-columns`, go to the dist folder `cd dist/editable-columns` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test editable-columns` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/lib/columns/input-column/input-column.component.mjs

@@ -0,0 +1,106 @@
+import { Component } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { TotsBaseColumnComponent, TotsTableHelper } from '@tots/table';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+export class InputColumn extends TotsBaseColumnComponent {
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.loadInput();
+        this.loadForm();
+        this.loadChanges();
+    }
+    loadChanges() {
+        this.input.valueChanges
+            .subscribe(res => {
+            this.onAction.next({ key: 'input-change', item: { field_key: this.getFormKey(), item: this.item, value: res, valid: this.input.valid } });
+        });
+    }
+    loadForm() {
+        if (this.column.extra == undefined || this.column.extra.group == undefined) {
+            return;
+        }
+        let group = this.column.extra.group;
+        if (group.get(this.getFormKey()) != undefined) {
+            return;
+        }
+        group.addControl(this.getFormKey(), this.input);
+    }
+    loadInput() {
+        let value = TotsTableHelper.getItemValueByKey(this.item, this.column.field_key);
+        this.input = new FormControl(value, this.getValidators());
+    }
+    getFormKey() {
+        if (Array.isArray(this.column.field_key)) {
+            return this.column.field_key.join('_');
+        }
+        else {
+            return this.column.field_key;
+        }
+    }
+    getValidators() {
+        if (this.column.extra && this.column.extra.validators) {
+            return this.column.extra.validators;
+        }
+        return null;
+    }
+    getErrorMessage() {
+        if (!this.column.extra.errors) {
+            return '';
+        }
+        for (const error of this.column.extra.errors) {
+            if (this.input.hasError(error.name)) {
+                return error.message;
+            }
+        }
+        return '';
+    }
+    getAppearance() {
+        if (this.column.extra && this.column.extra.appearance) {
+            return this.column.extra.appearance;
+        }
+        return 'fill';
+    }
+    getLabel() {
+        if (this.column.extra && this.column.extra.label) {
+            return this.column.extra.label;
+        }
+        return undefined;
+    }
+    getClasses() {
+        if (this.column.extra && this.column.extra.classes) {
+            return this.column.extra.classes;
+        }
+        return '';
+    }
+    getPlaceholder() {
+        if (this.column.extra && this.column.extra.placeholder) {
+            return this.column.extra.placeholder;
+        }
+        return '';
+    }
+    getCaption() {
+        if (this.column.extra && this.column.extra.caption) {
+            return this.column.extra.caption;
+        }
+        return '';
+    }
+    hasError() {
+        return this.input.invalid && (this.input.dirty || this.input.touched);
+    }
+    getInput() {
+        return this.input;
+    }
+}
+InputColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputColumn, selector: "tots-input-column", usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, decorators: [{
+            type: Component,
+            args: [{ selector: 'tots-input-column', template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RvdHMvZWRpdGFibGUtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMvaW5wdXQtY29sdW1uL2lucHV0LWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90b3RzL2VkaXRhYmxlLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW5zL2lucHV0LWNvbHVtbi9pbnB1dC1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsV0FBVyxFQUEwQixNQUFNLGdCQUFnQixDQUFDO0FBRXJFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7OztBQU92RSxNQUFNLE9BQU8sV0FBWSxTQUFRLHVCQUF1QjtJQUl0RDtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWTthQUN0QixTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxD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O1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFO1lBQ3RELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDO1NBQ3RDO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO1lBQ2xELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7O3dHQTdHVSxXQUFXOzRGQUFYLFdBQVcsZ0ZDVnhCLGljQU1BOzJGRElhLFdBQVc7a0JBTHZCLFNBQVM7K0JBQ0UsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBWYWxpZGF0b3JGbiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IFRvdHNCYXNlQ29sdW1uQ29tcG9uZW50LCBUb3RzVGFibGVIZWxwZXIgfSBmcm9tICdAdG90cy90YWJsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvdHMtaW5wdXQtY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LWNvbHVtbi5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRDb2x1bW4gZXh0ZW5kcyBUb3RzQmFzZUNvbHVtbkNvbXBvbmVudCB7XG5cbiAgaW5wdXQhOiBGb3JtQ29udHJvbDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkSW5wdXQoKTtcbiAgICB0aGlzLmxvYWRGb3JtKCk7XG4gICAgdGhpcy5sb2FkQ2hhbmdlcygpO1xuICB9XG5cbiAgbG9hZENoYW5nZXMoKSB7XG4gICAgdGhpcy5pbnB1dC52YWx1ZUNoYW5nZXNcbiAgICAuc3Vic2NyaWJlKHJlcyA9PiB7XG4gICAgICB0aGlzLm9uQWN0aW9uLm5leHQoeyBrZXk6ICdpbnB1dC1jaGFuZ2UnLCBpdGVtOiB7IGZpZWxkX2tleTogdGhpcy5nZXRGb3JtS2V5KCksIGl0ZW06IHRoaXMuaXRlbSwgdmFsdWU6IHJlcywgdmFsaWQ6IHRoaXMuaW5wdXQudmFsaWQgfSB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIGxvYWRGb3JtKCkge1xuICAgIGlmKHRoaXMuY29sdW1uLmV4dHJhID09IHVuZGVmaW5lZCB8fCB0aGlzLmNvbHVtbi5leHRyYS5ncm91cCA9PSB1bmRlZmluZWQpe1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCBncm91cDogRm9ybUdyb3VwID0gdGhpcy5jb2x1bW4uZXh0cmEuZ3JvdXA7XG4gICAgaWYoZ3JvdXAuZ2V0KHRoaXMuZ2V0Rm9ybUtleSgpKSAhPSB1bmRlZmluZWQpe1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgZ3JvdXAuYWRkQ29udHJvbCh0aGlzLmdldEZvcm1LZXkoKSwgdGhpcy5pbnB1dCk7XG4gIH1cblxuICBsb2FkSW5wdXQoKSB7XG4gICAgbGV0IHZhbHVlID0gVG90c1RhYmxlSGVscGVyLmdldEl0ZW1WYWx1ZUJ5S2V5KHRoaXMuaXRlbSwgdGhpcy5jb2x1bW4uZmllbGRfa2V5KTtcbiAgICB0aGlzLmlucHV0ID0gbmV3IEZvcm1Db250cm9sKHZhbHVlLCB0aGlzLmdldFZhbGlkYXRvcnMoKSk7XG4gIH1cblxuICBnZXRGb3JtS2V5KCk6IHN0cmluZyB7XG4gICAgaWYoQXJyYXkuaXNBcnJheSh0aGlzLmNvbHVtbi5maWVsZF9rZXkpKXtcbiAgICAgIHJldHVybiB0aGlzLmNvbHVtbi5maWVsZF9rZXkuam9pbignXycpO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy5jb2x1bW4uZmllbGRfa2V5ITtcbiAgICB9XG4gIH1cblxuICBnZXRWYWxpZGF0b3JzKCkgOiBWYWxpZGF0b3JGbltdIHwgVmFsaWRhdG9yRm4gfCBudWxsIHtcbiAgICBpZiAodGhpcy5jb2x1bW4uZXh0cmEgJiYgdGhpcy5jb2x1bW4uZXh0cmEudmFsaWRhdG9ycykge1xuICAgICAgcmV0dXJuIHRoaXMuY29sdW1uLmV4dHJhLnZhbGlkYXRvcnM7XG4gICAgfVxuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgZ2V0RXJyb3JNZXNzYWdlKCkgOiBzdHJpbmcge1xuICAgIGlmICghdGhpcy5jb2x1bW4uZXh0cmEuZXJyb3JzKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuXG4gICAgZm9yIChjb25zdCBlcnJvciBvZiB0aGlzLmNvbHVtbi5leHRyYS5lcnJvcnMpIHtcbiAgICAgIGlmICh0aGlzLmlucHV0Lmhhc0Vycm9yKGVycm9yLm5hbWUpKSB7XG4gICAgICAgIHJldHVybiBlcnJvci5tZXNzYWdlO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGdldEFwcGVhcmFuY2UoKSA6IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2Uge1xuICAgIGlmICh0aGlzLmNvbHVtbi5leHRyYSAmJiB0aGlzLmNvbHVtbi5leHRyYS5hcHBlYXJhbmNlKSB7XG4gICAgICByZXR1cm4gdGhpcy5jb2x1bW4uZXh0cmEuYXBwZWFyYW5jZTtcbiAgICB9XG4gICAgcmV0dXJuICdmaWxsJztcbiAgfVxuXG4gIGdldExhYmVsKCkgOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGlmICh0aGlzLmNvbHVtbi5leHRyYSAmJiB0aGlzLmNvbHVtbi5leHRyYS5sYWJlbCkge1xuICAgICAgcmV0dXJuIHRoaXMuY29sdW1uLmV4dHJhLmxhYmVsO1xuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9XG5cbiAgZ2V0Q2xhc3NlcygpIDogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5jb2x1bW4uZXh0cmEgJiYgdGhpcy5jb2x1bW4uZXh0cmEuY2xhc3Nlcykge1xuICAgICAgcmV0dXJuIHRoaXMuY29sdW1uLmV4dHJhLmNsYXNzZXM7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG4gIGdldFBsYWNlaG9sZGVyKCkgOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmNvbHVtbi5leHRyYSAmJiB0aGlzLmNvbHVtbi5leHRyYS5wbGFjZWhvbGRlcikge1xuICAgICAgcmV0dXJuIHRoaXMuY29sdW1uLmV4dHJhLnBsYWNlaG9sZGVyO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBnZXRDYXB0aW9uKCkgOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmNvbHVtbi5leHRyYSAmJiB0aGlzLmNvbHVtbi5leHRyYS5jYXB0aW9uKSB7XG4gICAgICByZXR1cm4gdGhpcy5jb2x1bW4uZXh0cmEuY2FwdGlvbjtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgaGFzRXJyb3IoKSA6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmlucHV0LmludmFsaWQgJiYgKHRoaXMuaW5wdXQuZGlydHkgfHwgdGhpcy5pbnB1dC50b3VjaGVkKTtcbiAgfVxuXG4gIGdldElucHV0KCkge1xuICAgIHJldHVybiB0aGlzLmlucHV0O1xuICB9XG59XG4iLCI8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJ7e2dldENsYXNzZXMoKX19XCIgW2FwcGVhcmFuY2VdPVwiZ2V0QXBwZWFyYW5jZSgpXCIgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxuICA8bWF0LWxhYmVsICpuZ0lmPVwiZ2V0TGFiZWwoKVwiPiB7eyBnZXRMYWJlbCgpIH19IDwvbWF0LWxhYmVsPlxuICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cInRleHRcIiBbZm9ybUNvbnRyb2xdPVwiaW5wdXRcIiBbcGxhY2Vob2xkZXJdPVwiZ2V0UGxhY2Vob2xkZXIoKVwiLz5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiZ2V0Q2FwdGlvbigpXCIgW2FsaWduXT1cIidlbmQnXCI+IHt7Z2V0Q2FwdGlvbigpfX0gPC9tYXQtaGludD5cbiAgPG1hdC1lcnJvciAqbmdJZj1cImhhc0Vycm9yKClcIj57e2dldEVycm9yTWVzc2FnZSgpfX08L21hdC1lcnJvcj5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2020/lib/editable-columns.module.mjs

@@ -0,0 +1,50 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+/** Angular Material */
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+/** Columns */
+import { InputColumn } from './columns/input-column/input-column.component';
+import * as i0 from "@angular/core";
+export class TotsEditableColumnsModule {
+}
+TotsEditableColumnsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TotsEditableColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, declarations: [
+        /** Columns */
+        InputColumn], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule], exports: [
+        /** Columns */
+        InputColumn] });
+TotsEditableColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        /** Columns */
+                        InputColumn
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        /** Angular Material */
+                        MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    exports: [
+                        /** Columns */
+                        InputColumn
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90b3RzL2VkaXRhYmxlLWNvbHVtbnMvc3JjL2xpYi9lZGl0YWJsZS1jb2x1bW5zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbEUsdUJBQXVCO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVsRSxjQUFjO0FBQ2QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtDQUErQyxDQUFDOztBQTBCNUUsTUFBTSxPQUFPLHlCQUF5Qjs7c0hBQXpCLHlCQUF5Qjt1SEFBekIseUJBQXlCO1FBakJsQyxjQUFjO1FBQ2QsV0FBVyxhQUdYLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBRW5CLHVCQUF1QjtRQUN2QixrQkFBa0I7UUFDbEIsY0FBYztRQUdkLGNBQWM7UUFDZCxXQUFXO3VIQUdGLHlCQUF5QixZQWJsQyxZQUFZO1FBQ1osV0FBVztRQUNYLG1CQUFtQjtRQUVuQix1QkFBdUI7UUFDdkIsa0JBQWtCO1FBQ2xCLGNBQWM7MkZBT0wseUJBQXlCO2tCQXBCckMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBRVosY0FBYzt3QkFDZCxXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUVuQix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsY0FBYzt3QkFDZCxXQUFXO3FCQUNaO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLyoqIEFuZ3VsYXIgTWF0ZXJpYWwgKi9cbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbi8qKiBDb2x1bW5zICovXG5pbXBvcnQgeyBJbnB1dENvbHVtbiB9IGZyb20gJy4vY29sdW1ucy9pbnB1dC1jb2x1bW4vaW5wdXQtY29sdW1uLmNvbXBvbmVudCc7XG5cblxuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG5cbiAgICAvKiogQ29sdW1ucyAqL1xuICAgIElucHV0Q29sdW1uXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIC8qKiBBbmd1bGFyIE1hdGVyaWFsICovXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgLyoqIENvbHVtbnMgKi9cbiAgICBJbnB1dENvbHVtblxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFRvdHNFZGl0YWJsZUNvbHVtbnNNb2R1bGUgeyB9XG4iXX0=

package/esm2020/public-api.mjs

@@ -0,0 +1,12 @@
+/*
+ * Public API Surface of editable-columns
+ */
+/**
+ * Columns
+ */
+export * from './lib/columns/input-column/input-column.component';
+/**
+ * Modules
+ */
+export * from './lib/editable-columns.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RvdHMvZWRpdGFibGUtY29sdW1ucy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVIOztHQUVHO0FBQ0gsY0FBYyxtREFBbUQsQ0FBQztBQUVsRTs7R0FFRztBQUNILGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGVkaXRhYmxlLWNvbHVtbnNcbiAqL1xuXG4vKipcbiAqIENvbHVtbnNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sdW1ucy9pbnB1dC1jb2x1bW4vaW5wdXQtY29sdW1uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogTW9kdWxlc1xuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lZGl0YWJsZS1jb2x1bW5zLm1vZHVsZSc7XG4iXX0=

package/esm2020/tots-editable-columns.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG90cy1lZGl0YWJsZS1jb2x1bW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG90cy9lZGl0YWJsZS1jb2x1bW5zL3NyYy90b3RzLWVkaXRhYmxlLWNvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2015/tots-editable-columns.mjs

@@ -0,0 +1,163 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TotsBaseColumnComponent, TotsTableHelper } from '@tots/table';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+
+class InputColumn extends TotsBaseColumnComponent {
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.loadInput();
+        this.loadForm();
+        this.loadChanges();
+    }
+    loadChanges() {
+        this.input.valueChanges
+            .subscribe(res => {
+            this.onAction.next({ key: 'input-change', item: { field_key: this.getFormKey(), item: this.item, value: res, valid: this.input.valid } });
+        });
+    }
+    loadForm() {
+        if (this.column.extra == undefined || this.column.extra.group == undefined) {
+            return;
+        }
+        let group = this.column.extra.group;
+        if (group.get(this.getFormKey()) != undefined) {
+            return;
+        }
+        group.addControl(this.getFormKey(), this.input);
+    }
+    loadInput() {
+        let value = TotsTableHelper.getItemValueByKey(this.item, this.column.field_key);
+        this.input = new FormControl(value, this.getValidators());
+    }
+    getFormKey() {
+        if (Array.isArray(this.column.field_key)) {
+            return this.column.field_key.join('_');
+        }
+        else {
+            return this.column.field_key;
+        }
+    }
+    getValidators() {
+        if (this.column.extra && this.column.extra.validators) {
+            return this.column.extra.validators;
+        }
+        return null;
+    }
+    getErrorMessage() {
+        if (!this.column.extra.errors) {
+            return '';
+        }
+        for (const error of this.column.extra.errors) {
+            if (this.input.hasError(error.name)) {
+                return error.message;
+            }
+        }
+        return '';
+    }
+    getAppearance() {
+        if (this.column.extra && this.column.extra.appearance) {
+            return this.column.extra.appearance;
+        }
+        return 'fill';
+    }
+    getLabel() {
+        if (this.column.extra && this.column.extra.label) {
+            return this.column.extra.label;
+        }
+        return undefined;
+    }
+    getClasses() {
+        if (this.column.extra && this.column.extra.classes) {
+            return this.column.extra.classes;
+        }
+        return '';
+    }
+    getPlaceholder() {
+        if (this.column.extra && this.column.extra.placeholder) {
+            return this.column.extra.placeholder;
+        }
+        return '';
+    }
+    getCaption() {
+        if (this.column.extra && this.column.extra.caption) {
+            return this.column.extra.caption;
+        }
+        return '';
+    }
+    hasError() {
+        return this.input.invalid && (this.input.dirty || this.input.touched);
+    }
+    getInput() {
+        return this.input;
+    }
+}
+InputColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputColumn, selector: "tots-input-column", usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, decorators: [{
+            type: Component,
+            args: [{ selector: 'tots-input-column', template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class TotsEditableColumnsModule {
+}
+TotsEditableColumnsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TotsEditableColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, declarations: [
+        /** Columns */
+        InputColumn
+    ], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule], exports: [
+        /** Columns */
+        InputColumn
+    ] });
+TotsEditableColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        /** Columns */
+                        InputColumn
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        /** Angular Material */
+                        MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    exports: [
+                        /** Columns */
+                        InputColumn
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of editable-columns
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputColumn, TotsEditableColumnsModule };
+//# sourceMappingURL=tots-editable-columns.mjs.map

package/fesm2015/tots-editable-columns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tots-editable-columns.mjs","sources":["../../../../projects/tots/editable-columns/src/lib/columns/input-column/input-column.component.ts","../../../../projects/tots/editable-columns/src/lib/columns/input-column/input-column.component.html","../../../../projects/tots/editable-columns/src/lib/editable-columns.module.ts","../../../../projects/tots/editable-columns/src/public-api.ts","../../../../projects/tots/editable-columns/src/tots-editable-columns.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { TotsBaseColumnComponent, TotsTableHelper } from '@tots/table';\n\n@Component({\n  selector: 'tots-input-column',\n  templateUrl: './input-column.component.html',\n  styleUrls: ['./input-column.component.css']\n})\nexport class InputColumn extends TotsBaseColumnComponent {\n\n  input!: FormControl;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.loadInput();\n    this.loadForm();\n    this.loadChanges();\n  }\n\n  loadChanges() {\n    this.input.valueChanges\n    .subscribe(res => {\n      this.onAction.next({ key: 'input-change', item: { field_key: this.getFormKey(), item: this.item, value: res, valid: this.input.valid } });\n    });\n  }\n\n  loadForm() {\n    if(this.column.extra == undefined || this.column.extra.group == undefined){\n      return;\n    }\n\n    let group: FormGroup = this.column.extra.group;\n    if(group.get(this.getFormKey()) != undefined){\n        return;\n    }\n\n    group.addControl(this.getFormKey(), this.input);\n  }\n\n  loadInput() {\n    let value = TotsTableHelper.getItemValueByKey(this.item, this.column.field_key);\n    this.input = new FormControl(value, this.getValidators());\n  }\n\n  getFormKey(): string {\n    if(Array.isArray(this.column.field_key)){\n      return this.column.field_key.join('_');\n    } else {\n      return this.column.field_key!;\n    }\n  }\n\n  getValidators() : ValidatorFn[] | ValidatorFn | null {\n    if (this.column.extra && this.column.extra.validators) {\n      return this.column.extra.validators;\n    }\n    return null;\n  }\n\n  getErrorMessage() : string {\n    if (!this.column.extra.errors) {\n      return '';\n    }\n\n    for (const error of this.column.extra.errors) {\n      if (this.input.hasError(error.name)) {\n        return error.message;\n      }\n    }\n\n    return '';\n  }\n\n  getAppearance() : MatFormFieldAppearance {\n    if (this.column.extra && this.column.extra.appearance) {\n      return this.column.extra.appearance;\n    }\n    return 'fill';\n  }\n\n  getLabel() : string | undefined {\n    if (this.column.extra && this.column.extra.label) {\n      return this.column.extra.label;\n    }\n    return undefined;\n  }\n\n  getClasses() : string {\n    if (this.column.extra && this.column.extra.classes) {\n      return this.column.extra.classes;\n    }\n    return '';\n  }\n\n  getPlaceholder() : string {\n    if (this.column.extra && this.column.extra.placeholder) {\n      return this.column.extra.placeholder;\n    }\n    return '';\n  }\n\n  getCaption() : string {\n    if (this.column.extra && this.column.extra.caption) {\n      return this.column.extra.caption;\n    }\n    return '';\n  }\n\n  hasError() : boolean {\n    return this.input.invalid && (this.input.dirty || this.input.touched);\n  }\n\n  getInput() {\n    return this.input;\n  }\n}\n","<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n/** Angular Material */\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\n/** Columns */\nimport { InputColumn } from './columns/input-column/input-column.component';\n\n\n\n\n\n@NgModule({\n  declarations: [\n\n    /** Columns */\n    InputColumn\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n\n    /** Angular Material */\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    /** Columns */\n    InputColumn\n  ]\n})\nexport class TotsEditableColumnsModule { }\n","/*\n * Public API Surface of editable-columns\n */\n\n/**\n * Columns\n */\nexport * from './lib/columns/input-column/input-column.component';\n\n/**\n * Modules\n */\nexport * from './lib/editable-columns.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/tots-editable-columns.mjs

@@ -0,0 +1,161 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TotsBaseColumnComponent, TotsTableHelper } from '@tots/table';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+
+class InputColumn extends TotsBaseColumnComponent {
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.loadInput();
+        this.loadForm();
+        this.loadChanges();
+    }
+    loadChanges() {
+        this.input.valueChanges
+            .subscribe(res => {
+            this.onAction.next({ key: 'input-change', item: { field_key: this.getFormKey(), item: this.item, value: res, valid: this.input.valid } });
+        });
+    }
+    loadForm() {
+        if (this.column.extra == undefined || this.column.extra.group == undefined) {
+            return;
+        }
+        let group = this.column.extra.group;
+        if (group.get(this.getFormKey()) != undefined) {
+            return;
+        }
+        group.addControl(this.getFormKey(), this.input);
+    }
+    loadInput() {
+        let value = TotsTableHelper.getItemValueByKey(this.item, this.column.field_key);
+        this.input = new FormControl(value, this.getValidators());
+    }
+    getFormKey() {
+        if (Array.isArray(this.column.field_key)) {
+            return this.column.field_key.join('_');
+        }
+        else {
+            return this.column.field_key;
+        }
+    }
+    getValidators() {
+        if (this.column.extra && this.column.extra.validators) {
+            return this.column.extra.validators;
+        }
+        return null;
+    }
+    getErrorMessage() {
+        if (!this.column.extra.errors) {
+            return '';
+        }
+        for (const error of this.column.extra.errors) {
+            if (this.input.hasError(error.name)) {
+                return error.message;
+            }
+        }
+        return '';
+    }
+    getAppearance() {
+        if (this.column.extra && this.column.extra.appearance) {
+            return this.column.extra.appearance;
+        }
+        return 'fill';
+    }
+    getLabel() {
+        if (this.column.extra && this.column.extra.label) {
+            return this.column.extra.label;
+        }
+        return undefined;
+    }
+    getClasses() {
+        if (this.column.extra && this.column.extra.classes) {
+            return this.column.extra.classes;
+        }
+        return '';
+    }
+    getPlaceholder() {
+        if (this.column.extra && this.column.extra.placeholder) {
+            return this.column.extra.placeholder;
+        }
+        return '';
+    }
+    getCaption() {
+        if (this.column.extra && this.column.extra.caption) {
+            return this.column.extra.caption;
+        }
+        return '';
+    }
+    hasError() {
+        return this.input.invalid && (this.input.dirty || this.input.touched);
+    }
+    getInput() {
+        return this.input;
+    }
+}
+InputColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputColumn, selector: "tots-input-column", usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputColumn, decorators: [{
+            type: Component,
+            args: [{ selector: 'tots-input-column', template: "<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: ["mat-form-field{margin-bottom:0}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class TotsEditableColumnsModule {
+}
+TotsEditableColumnsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TotsEditableColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, declarations: [
+        /** Columns */
+        InputColumn], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule], exports: [
+        /** Columns */
+        InputColumn] });
+TotsEditableColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        /** Angular Material */
+        MatFormFieldModule,
+        MatInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: TotsEditableColumnsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        /** Columns */
+                        InputColumn
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        /** Angular Material */
+                        MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    exports: [
+                        /** Columns */
+                        InputColumn
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of editable-columns
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputColumn, TotsEditableColumnsModule };
+//# sourceMappingURL=tots-editable-columns.mjs.map

package/fesm2020/tots-editable-columns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tots-editable-columns.mjs","sources":["../../../../projects/tots/editable-columns/src/lib/columns/input-column/input-column.component.ts","../../../../projects/tots/editable-columns/src/lib/columns/input-column/input-column.component.html","../../../../projects/tots/editable-columns/src/lib/editable-columns.module.ts","../../../../projects/tots/editable-columns/src/public-api.ts","../../../../projects/tots/editable-columns/src/tots-editable-columns.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { TotsBaseColumnComponent, TotsTableHelper } from '@tots/table';\n\n@Component({\n  selector: 'tots-input-column',\n  templateUrl: './input-column.component.html',\n  styleUrls: ['./input-column.component.css']\n})\nexport class InputColumn extends TotsBaseColumnComponent {\n\n  input!: FormControl;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.loadInput();\n    this.loadForm();\n    this.loadChanges();\n  }\n\n  loadChanges() {\n    this.input.valueChanges\n    .subscribe(res => {\n      this.onAction.next({ key: 'input-change', item: { field_key: this.getFormKey(), item: this.item, value: res, valid: this.input.valid } });\n    });\n  }\n\n  loadForm() {\n    if(this.column.extra == undefined || this.column.extra.group == undefined){\n      return;\n    }\n\n    let group: FormGroup = this.column.extra.group;\n    if(group.get(this.getFormKey()) != undefined){\n        return;\n    }\n\n    group.addControl(this.getFormKey(), this.input);\n  }\n\n  loadInput() {\n    let value = TotsTableHelper.getItemValueByKey(this.item, this.column.field_key);\n    this.input = new FormControl(value, this.getValidators());\n  }\n\n  getFormKey(): string {\n    if(Array.isArray(this.column.field_key)){\n      return this.column.field_key.join('_');\n    } else {\n      return this.column.field_key!;\n    }\n  }\n\n  getValidators() : ValidatorFn[] | ValidatorFn | null {\n    if (this.column.extra && this.column.extra.validators) {\n      return this.column.extra.validators;\n    }\n    return null;\n  }\n\n  getErrorMessage() : string {\n    if (!this.column.extra.errors) {\n      return '';\n    }\n\n    for (const error of this.column.extra.errors) {\n      if (this.input.hasError(error.name)) {\n        return error.message;\n      }\n    }\n\n    return '';\n  }\n\n  getAppearance() : MatFormFieldAppearance {\n    if (this.column.extra && this.column.extra.appearance) {\n      return this.column.extra.appearance;\n    }\n    return 'fill';\n  }\n\n  getLabel() : string | undefined {\n    if (this.column.extra && this.column.extra.label) {\n      return this.column.extra.label;\n    }\n    return undefined;\n  }\n\n  getClasses() : string {\n    if (this.column.extra && this.column.extra.classes) {\n      return this.column.extra.classes;\n    }\n    return '';\n  }\n\n  getPlaceholder() : string {\n    if (this.column.extra && this.column.extra.placeholder) {\n      return this.column.extra.placeholder;\n    }\n    return '';\n  }\n\n  getCaption() : string {\n    if (this.column.extra && this.column.extra.caption) {\n      return this.column.extra.caption;\n    }\n    return '';\n  }\n\n  hasError() : boolean {\n    return this.input.invalid && (this.input.dirty || this.input.touched);\n  }\n\n  getInput() {\n    return this.input;\n  }\n}\n","<mat-form-field class=\"{{getClasses()}}\" [appearance]=\"getAppearance()\" (click)=\"$event.stopPropagation()\">\n  <mat-label *ngIf=\"getLabel()\"> {{ getLabel() }} </mat-label>\n  <input matInput type=\"text\" [formControl]=\"input\" [placeholder]=\"getPlaceholder()\"/>\n  <mat-hint *ngIf=\"getCaption()\" [align]=\"'end'\"> {{getCaption()}} </mat-hint>\n  <mat-error *ngIf=\"hasError()\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n/** Angular Material */\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\n/** Columns */\nimport { InputColumn } from './columns/input-column/input-column.component';\n\n\n\n\n\n@NgModule({\n  declarations: [\n\n    /** Columns */\n    InputColumn\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n\n    /** Angular Material */\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    /** Columns */\n    InputColumn\n  ]\n})\nexport class TotsEditableColumnsModule { }\n","/*\n * Public API Surface of editable-columns\n */\n\n/**\n * Columns\n */\nexport * from './lib/columns/input-column/input-column.component';\n\n/**\n * Modules\n */\nexport * from './lib/editable-columns.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tots/editable-columns" />
+export * from './public-api';

package/lib/columns/input-column/input-column.component.d.ts

@@ -0,0 +1,24 @@
+import { FormControl, ValidatorFn } from '@angular/forms';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { TotsBaseColumnComponent } from '@tots/table';
+import * as i0 from "@angular/core";
+export declare class InputColumn extends TotsBaseColumnComponent {
+    input: FormControl;
+    constructor();
+    ngOnInit(): void;
+    loadChanges(): void;
+    loadForm(): void;
+    loadInput(): void;
+    getFormKey(): string;
+    getValidators(): ValidatorFn[] | ValidatorFn | null;
+    getErrorMessage(): string;
+    getAppearance(): MatFormFieldAppearance;
+    getLabel(): string | undefined;
+    getClasses(): string;
+    getPlaceholder(): string;
+    getCaption(): string;
+    hasError(): boolean;
+    getInput(): FormControl<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputColumn, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputColumn, "tots-input-column", never, {}, {}, never, never, false, never>;
+}

package/lib/editable-columns.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./columns/input-column/input-column.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+export declare class TotsEditableColumnsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TotsEditableColumnsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TotsEditableColumnsModule, [typeof i1.InputColumn], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule], [typeof i1.InputColumn]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TotsEditableColumnsModule>;
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@tots/editable-columns",
+  "version": "15.0.0",
+  "peerDependencies": {
+    "@angular/common": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/material": "^15.0.0",
+    "@tots/table": "^15.0.42"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/tots-editable-columns.mjs",
+  "es2020": "fesm2020/tots-editable-columns.mjs",
+  "esm2020": "esm2020/tots-editable-columns.mjs",
+  "fesm2020": "fesm2020/tots-editable-columns.mjs",
+  "fesm2015": "fesm2015/tots-editable-columns.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/tots-editable-columns.mjs",
+      "es2020": "./fesm2020/tots-editable-columns.mjs",
+      "es2015": "./fesm2015/tots-editable-columns.mjs",
+      "node": "./fesm2015/tots-editable-columns.mjs",
+      "default": "./fesm2020/tots-editable-columns.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Columns
+ */
+export * from './lib/columns/input-column/input-column.component';
+/**
+ * Modules
+ */
+export * from './lib/editable-columns.module';