@coolon/angular-ui-powerups 1.10.0 → 1.11.1

package/esm5/lib/components/table/edit-row-controls/edit-row-controls.component.js

@@ -0,0 +1,57 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Command, TrackExternal } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+import { TableModel } from '../table-model';
+var EditRowControls = /** @class */ (function (_super) {
+    __extends(EditRowControls, _super);
+    function EditRowControls() {
+        var _this = _super.call(this) || this;
+        _this.saveCommand = Command.create(function () {
+            _this.editSession.saveCommand.execute(_this.editSession.form)
+                .then(function (finished) {
+                if (finished) {
+                    _this.editSession.dispose();
+                }
+            });
+        });
+        _this.cancelCommand = Command.create(function () {
+            _this.editSession.dispose();
+        });
+        return _this;
+    }
+    EditRowControls.prototype.ngOnInit = function () {
+    };
+    Object.defineProperty(EditRowControls.prototype, "form", {
+        get: function () {
+            var _a;
+            return (_a = this.editSession) === null || _a === void 0 ? void 0 : _a.form;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], EditRowControls.prototype, "row", void 0);
+    __decorate([
+        Input(),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], EditRowControls.prototype, "editRowCommand", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TableModel.EditSession)
+    ], EditRowControls.prototype, "editSession", void 0);
+    EditRowControls = __decorate([
+        Component({
+            selector: 'aup-row-editor-controls',
+            template: "<button *ngIf=\"!editSession\" mat-icon-button [pectinCommand]=\"editRowCommand\" class=\"edit-button\"><mat-icon>edit</mat-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"saveCommand\"><mat-icon>done</mat-icon></button>\n<button *ngIf=\"editSession\" mat-icon-button [pectinCommand]=\"cancelCommand\"><mat-icon>clear</mat-icon></button>\n",
+            styles: [":host{display:block;width:80px}.edit-button{visibility:hidden}:host-context(tr:hover) .edit-button{visibility:visible}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], EditRowControls);
+    return EditRowControls;
+}(DisposableComponent));
+export { EditRowControls };
+//# sourceMappingURL=edit-row-controls.component.js.map

package/esm5/lib/components/table/edit-row-controls/edit-row-controls.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-row-controls.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-row-controls/edit-row-controls.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAoC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,OAAO,EAAe,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C;IAA0C,mCAAmB;IAe3D;QAAA,YACE,iBAAO,SAYR;QAXC,KAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;YAChC,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxD,IAAI,CAAC,UAAC,QAAQ;gBACb,IAAI,QAAQ,EAAE;oBACZ,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;iBAC5B;YACH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,kCAAQ,GAAR;IACA,CAAC;IAED,sBAAI,iCAAI;aAAR;;YACE,aAAO,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC;QAChC,CAAC;;;OAAA;IAhCD;QADC,KAAK,EAAE;;gDACA;IAIR;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;2DAAM;IAG7B;QADC,KAAK,EAAE;kCACK,UAAU,CAAC,WAAW;wDAAM;IAV9B,eAAe;QAL3B,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,+XAAiD;;SAElD,CAAC;;OACW,eAAe,CAqC3B;IAAD,sBAAC;CAAA,AArCD,CAA0C,mBAAmB,GAqC5D;SArCY,eAAe","sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { Command, Form, Trace, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { TableModel } from '../table-model';\n\n@Component({\n  selector: 'aup-row-editor-controls',\n  templateUrl: './edit-row-controls.component.html',\n  styleUrls: ['./edit-row-controls.component.scss']\n})\nexport class EditRowControls<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  row: Row\n\n  @Input()\n  @TrackExternal()\n  editRowCommand: Command<void>\n\n  @Input()\n  editSession: TableModel.EditSession<Row>;\n\n  readonly saveCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n\n  constructor() {\n    super();\n    this.saveCommand = Command.create(() => {\n      this.editSession.saveCommand.execute(this.editSession.form)\n        .then((finished) => {\n          if (finished) {\n            this.editSession.dispose();\n          }\n        });\n    });\n    this.cancelCommand = Command.create(() => {\n      this.editSession.dispose();\n    });\n  }\n\n  ngOnInit(): void {\n  }\n\n  get form(): Form<Row> {\n    return this.editSession?.form;\n  }\n\n}\n"]}

package/esm5/lib/components/table/edit-row-controls/edit-row-controls.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-row-controls.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-row-controls/edit-row-controls.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/edit-row-controls/edit-row-controls.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-row-controls.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/edit-row-controls/edit-row-controls.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/select-cell-renderer/select-cell-renderer.component.js

@@ -0,0 +1,47 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Command } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+var SelectCellRendererComponent = /** @class */ (function (_super) {
+    __extends(SelectCellRendererComponent, _super);
+    function SelectCellRendererComponent() {
+        var _this = _super.call(this) || this;
+        _this.selectCommand = Command.create(function () {
+            _this.selectionModel.selectCommand.execute(_this.row);
+        });
+        return _this;
+    }
+    Object.defineProperty(SelectCellRendererComponent.prototype, "row", {
+        get: function () {
+            return this._row;
+        },
+        set: function (value) {
+            this._row = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SelectCellRendererComponent.prototype.isSelected = function () {
+        return this.selectionModel.isSelected(this.row);
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], SelectCellRendererComponent.prototype, "row", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], SelectCellRendererComponent.prototype, "selectionModel", void 0);
+    SelectCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-select-cell-renderer',
+            template: "<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\"></mat-checkbox>\n",
+            styles: [""]
+        }),
+        __metadata("design:paramtypes", [])
+    ], SelectCellRendererComponent);
+    return SelectCellRendererComponent;
+}(DisposableComponent));
+export { SelectCellRendererComponent };
+//# sourceMappingURL=select-cell-renderer.component.js.map

package/esm5/lib/components/table/select-cell-renderer/select-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-cell-renderer/select-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAkB,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAOjE;IAAsD,+CAAmB;IAgBvE;QAAA,YACE,iBAAO,SAIR;QAHC,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,KAAI,CAAC,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;;IACL,CAAC;IAhBD,sBAAI,4CAAG;aAIP;YACE,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;aAND,UAAQ,KAAU;YAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC;;;OAAA;IAgBD,gDAAU,GAAV;QACE,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IApBD;QADC,KAAK,EAAE;;;0DAGP;IAOD;QADC,KAAK,EAAE;;uEAC4B;IAdzB,2BAA2B;QALvC,SAAS,CAAC;YACT,QAAQ,EAAE,0BAA0B;YACpC,wGAAoD;;SAErD,CAAC;;OACW,2BAA2B,CA0BvC;IAAD,kCAAC;CAAA,AA1BD,CAAsD,mBAAmB,GA0BxE;SA1BY,2BAA2B","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { Command, SelectionModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\n\n@Component({\n  selector: 'aup-select-cell-renderer',\n  templateUrl: './select-cell-renderer.component.html',\n  styleUrls: ['./select-cell-renderer.component.scss']\n})\nexport class SelectCellRendererComponent<Row> extends DisposableComponent {\n  private _row: Row;\n  readonly selectCommand: Command<void>;\n\n  @Input()\n  set row(value: Row) {\n    this._row = value;\n  }\n\n  get row(): Row {\n    return this._row;\n  }\n\n  @Input()\n  selectionModel: SelectionModel<Row>;\n\n  constructor() {\n    super();\n    this.selectCommand = Command.create(() => {\n      this.selectionModel.selectCommand.execute(this.row);\n    });\n  }\n\n  isSelected(): boolean {\n    return this.selectionModel.isSelected(this.row);\n  }\n}\n"]}

package/esm5/lib/components/table/select-cell-renderer/select-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-cell-renderer/select-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/select-cell-renderer/select-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-cell-renderer/select-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.js

@@ -0,0 +1,35 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { Command, MultipleSelectionModel } from '@coolon/pectin';
+import { DisposableComponent } from '../../disposable-component';
+var SelectHeaderCellRendererComponent = /** @class */ (function (_super) {
+    __extends(SelectHeaderCellRendererComponent, _super);
+    function SelectHeaderCellRendererComponent() {
+        var _this = _super.call(this) || this;
+        _this.selectCommand = Command.create(function () {
+            _this.selectionModel.toggleAllCommand.execute();
+        });
+        return _this;
+    }
+    SelectHeaderCellRendererComponent.prototype.isSelected = function () {
+        return this.selectionModel.allSelected.value;
+    };
+    SelectHeaderCellRendererComponent.prototype.isIntermediate = function () {
+        return this.selectionModel.someSelected.value;
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", MultipleSelectionModel)
+    ], SelectHeaderCellRendererComponent.prototype, "selectionModel", void 0);
+    SelectHeaderCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-select-header-cell-renderer',
+            template: "<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\" [indeterminate]=\"this.isIntermediate()\"></mat-checkbox>\n",
+            styles: [""]
+        }),
+        __metadata("design:paramtypes", [])
+    ], SelectHeaderCellRendererComponent);
+    return SelectHeaderCellRendererComponent;
+}(DisposableComponent));
+export { SelectHeaderCellRendererComponent };
+//# sourceMappingURL=select-header-cell-renderer.component.js.map

package/esm5/lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-header-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAkB,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAOjE;IAA4D,qDAAmB;IAM7E;QAAA,YACE,iBAAO,SAIR;QAHC,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACjD,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,sDAAU,GAAV;QACE,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAA;IAC9C,CAAC;IAED,0DAAc,GAAd;QACE,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;IAChD,CAAC;IAfD;QADC,KAAK,EAAE;kCACQ,sBAAsB;6EAAW;IAJtC,iCAAiC;QAL7C,SAAS,CAAC;YACT,QAAQ,EAAE,iCAAiC;YAC3C,kJAA2D;;SAE5D,CAAC;;OACW,iCAAiC,CAoB7C;IAAD,wCAAC;CAAA,AApBD,CAA4D,mBAAmB,GAoB9E;SApBY,iCAAiC","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { Command, MultipleSelectionModel, SelectionModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\n\n@Component({\n  selector: 'aup-select-header-cell-renderer',\n  templateUrl: './select-header-cell-renderer.component.html',\n  styleUrls: ['./select-header-cell-renderer.component.scss']\n})\nexport class SelectHeaderCellRendererComponent<Row> extends DisposableComponent {\n  readonly selectCommand: Command<void>;\n\n  @Input()\n  selectionModel: MultipleSelectionModel<Row, any>;\n\n  constructor() {\n    super();\n    this.selectCommand = Command.create(() => {\n      this.selectionModel.toggleAllCommand.execute();\n    });\n  }\n\n  isSelected(): boolean {\n    return this.selectionModel.allSelected.value\n  }\n\n  isIntermediate() {\n    return this.selectionModel.someSelected.value;\n  }\n}\n"]}

package/esm5/lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-header-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-header-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.js

@@ -0,0 +1,66 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, HostBinding, Input } from '@angular/core';
+import { Command } from '@coolon/pectin';
+import { ColumnModel } from '../column-model';
+import { TableModel } from '../table-model';
+var TableCellRendererComponent = /** @class */ (function () {
+    function TableCellRendererComponent() {
+        var _this = this;
+        this.defaultClassNames = "aup-header-cell-renderer";
+        this.editRowCommand = Command.create(function () {
+            _this.tableModel.startEditSession(_this.row);
+        });
+    }
+    TableCellRendererComponent.prototype.initialiseRenderer = function (instance) {
+        if (this.renderer !== instance) {
+            this.renderer = instance;
+            this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);
+        }
+    };
+    TableCellRendererComponent.prototype.initialiseEditor = function (instance) {
+        if (this.editor !== instance) {
+            this.editor = instance;
+            this.column.initialiseEditor(this.editor, this.editSession);
+        }
+    };
+    TableCellRendererComponent.prototype.ngOnChanges = function (changes) {
+        if (this.renderer) {
+            this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);
+            this.renderer.editSession = this.editSession;
+        }
+    };
+    TableCellRendererComponent.prototype.hasActiveEditor = function () {
+        return this.editSession && this.column.hasEditor();
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], TableCellRendererComponent.prototype, "row", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", ColumnModel)
+    ], TableCellRendererComponent.prototype, "column", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TableModel.EditSession)
+    ], TableCellRendererComponent.prototype, "editSession", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TableModel)
+    ], TableCellRendererComponent.prototype, "tableModel", void 0);
+    __decorate([
+        HostBinding('class'),
+        __metadata("design:type", Object)
+    ], TableCellRendererComponent.prototype, "defaultClassNames", void 0);
+    TableCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-table-cell-renderer',
+            template: "<ng-container *ngIf=\"!hasActiveEditor()\" [cdkPortalOutlet]=\"column.cellRendererPortal\" (attached)=\"initialiseRenderer($event.instance)\"></ng-container>\n<ng-container *ngIf=\"hasActiveEditor()\" [cdkPortalOutlet]=\"column.cellEditorPortal\" (attached)=\"initialiseEditor($event.instance)\"></ng-container>\n",
+            styles: [":host{display:flex;flex-direction:column;align-items:stretch}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], TableCellRendererComponent);
+    return TableCellRendererComponent;
+}());
+export { TableCellRendererComponent };
+//# sourceMappingURL=table-cell-renderer.component.js.map

package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-cell-renderer/table-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAA+C,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C;IAsBE;QAAA,iBAIC;QAND,sBAAiB,GAAG,0BAA0B,CAAA;QAG5C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;YACnC,KAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAI,CAAC,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,uDAAkB,GAAlB,UAAmB,QAAa;QAC9B,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SAChG;IACH,CAAC;IAED,qDAAgB,GAAhB,UAAiB,QAAa;QAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YAC5B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SAC7D;IACH,CAAC;IAED,gDAAW,GAAX,UAAY,OAAsB;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/F,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;SAC9C;IACH,CAAC;IAED,oDAAe,GAAf;QACE,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IACrD,CAAC;IAhDD;QADC,KAAK,EAAE;;2DACC;IAGT;QADC,KAAK,EAAE;kCACA,WAAW;8DAAM;IAGzB;QADC,KAAK,EAAE;kCACK,UAAU,CAAC,WAAW;mEAAM;IAGzC;QADC,KAAK,EAAE;kCACI,UAAU;kEAAM;IAQ5B;QADC,WAAW,CAAC,OAAO,CAAC;;yEACyB;IApBnC,0BAA0B;QALtC,SAAS,CAAC;YACT,QAAQ,EAAE,yBAAyB;YACnC,qUAAmD;;SAEpD,CAAC;;OACW,0BAA0B,CAoDtC;IAAD,iCAAC;CAAA,AApDD,IAoDC;SApDY,0BAA0B","sourcesContent":["import { Component, HostBinding, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { Command } from '@coolon/pectin';\nimport { ColumnModel } from '../column-model';\nimport { TableModel } from '../table-model';\n\n@Component({\n  selector: 'aup-table-cell-renderer',\n  templateUrl: './table-cell-renderer.component.html',\n  styleUrls: ['./table-cell-renderer.component.scss']\n})\nexport class TableCellRendererComponent<Row> implements OnChanges {\n\n  @Input()\n  row: Row;\n\n  @Input()\n  column: ColumnModel<Row>;\n\n  @Input()\n  editSession: TableModel.EditSession<Row>;\n\n  @Input()\n  tableModel: TableModel<Row>;\n\n  private renderer: any;\n  private editor: any;\n\n  private editRowCommand: Command<void>;\n\n  @HostBinding('class')\n  defaultClassNames = \"aup-header-cell-renderer\"\n\n  constructor() {\n    this.editRowCommand = Command.create(() => {\n      this.tableModel.startEditSession(this.row);\n    });\n  }\n\n  initialiseRenderer(instance: any) {\n    if (this.renderer !== instance) {\n      this.renderer = instance;\n      this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);\n    }\n  }\n\n  initialiseEditor(instance: any) {\n    if (this.editor !== instance) {\n      this.editor = instance;\n      this.column.initialiseEditor(this.editor, this.editSession);\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (this.renderer) {\n      this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);\n      this.renderer.editSession = this.editSession;\n    }\n  }\n\n  hasActiveEditor() {\n    return this.editSession && this.column.hasEditor();\n  }\n}\n"]}

package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-cell-renderer/table-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table-cell-renderer/table-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-cell-renderer/table-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table-def.js

@@ -0,0 +1 @@
+//# sourceMappingURL=table-def.js.map

package/esm5/lib/components/table/table-def.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-def.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-def.ts"],"names":[],"mappings":"","sourcesContent":["import { Form } from '@coolon/pectin';\n\nexport interface TableDef<T> {\n  // createRowForm?(item: T): Form<T>; // Optional, if not specified the columns can be used to inject validators\n  // save(form: Form<T>)\n}\n\n// RowEditorFactory?\nexport interface EditableTableDef<T> extends TableDef<T> {\n  createRowForm?(item: T): Form<T>; // Optional, if not specified the columns can be used to inject validators\n  save(form: Form<T>)\n}\n"]}

package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js

@@ -0,0 +1,33 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, HostBinding, Input } from '@angular/core';
+import { ColumnModel } from '../column-model';
+var TableHeaderCellRendererComponent = /** @class */ (function () {
+    function TableHeaderCellRendererComponent() {
+        this.defaultClassNames = "aup-header-cell-renderer";
+    }
+    TableHeaderCellRendererComponent.prototype.initialiseHeader = function (instance) {
+        if (this.renderer !== instance) {
+            this.renderer = instance;
+            this.column.initialiseHeader(this.renderer);
+        }
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", ColumnModel)
+    ], TableHeaderCellRendererComponent.prototype, "column", void 0);
+    __decorate([
+        HostBinding('class'),
+        __metadata("design:type", Object)
+    ], TableHeaderCellRendererComponent.prototype, "defaultClassNames", void 0);
+    TableHeaderCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-table-header-cell-renderer',
+            template: "<ng-container [cdkPortalOutlet]=\"column.columnHeaderCellRendererPortal\" (attached)=\"initialiseHeader($event.instance)\"></ng-container>\n",
+            styles: [":host{display:flex;flex-direction:column;align-items:stretch}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], TableHeaderCellRendererComponent);
+    return TableHeaderCellRendererComponent;
+}());
+export { TableHeaderCellRendererComponent };
+//# sourceMappingURL=table-header-cell-renderer.component.js.map

package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAA+C,MAAM,eAAe,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C;IAUE;QAFA,sBAAiB,GAAG,0BAA0B,CAAA;IAG9C,CAAC;IAED,2DAAgB,GAAhB,UAAiB,QAAa;QAC5B,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC7C;IACH,CAAC;IAfD;QADC,KAAK,EAAE;kCACA,WAAW;oEAAM;IAKzB;QADC,WAAW,CAAC,OAAO,CAAC;;+EACyB;IARnC,gCAAgC;QAL5C,SAAS,CAAC;YACT,QAAQ,EAAE,gCAAgC;YAC1C,wJAA0D;;SAE3D,CAAC;;OACW,gCAAgC,CAmB5C;IAAD,uCAAC;CAAA,AAnBD,IAmBC;SAnBY,gCAAgC","sourcesContent":["import { Component, HostBinding, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { Command } from '@coolon/pectin';\nimport { ColumnModel } from '../column-model';\nimport { TableModel } from '../table-model';\n\n@Component({\n  selector: 'aup-table-header-cell-renderer',\n  templateUrl: './table-header-cell-renderer.component.html',\n  styleUrls: ['./table-header-cell-renderer.component.scss']\n})\nexport class TableHeaderCellRendererComponent<Row>  {\n\n  @Input()\n  column: ColumnModel<Row>;\n\n  private renderer: any;\n\n  @HostBinding('class')\n  defaultClassNames = \"aup-header-cell-renderer\"\n\n  constructor() {\n  }\n\n  initialiseHeader(instance: any) {\n    if (this.renderer !== instance) {\n      this.renderer = instance;\n      this.column.initialiseHeader(this.renderer);\n    }\n  }\n}\n"]}

package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/table-model.js

@@ -0,0 +1,213 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { BooleanValueModelChain, CanIdentify, Dsl, Form, GarbageCollector, lang, ListModel, ListModelChain, MapModelChain, MutableListModel, MutableValueModel, SelectionModel, TrackExternal, Types, UnaryCommand } from '@coolon/pectin';
+import produce from 'immer';
+import { CustomValueColumnModel, EditorControlColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
+// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
+// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
+/**
+ * Example:
+ * @example
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
+ * });
+ *
+ * Editable tables
+ * @example
+ * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {
+ *   if (form.validate()) {
+ *     // normal form save stuff
+ *     return true; // finish editing
+ *   }
+ *   return false; // continue editiing
+ * }
+ * const colorsNames: ListModel<string> = ...;
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *   table.pluck("lastName").cellEditor(StringInputComponent, {
+ *     validators: [Validator.present("We need a last name")]
+ *   });
+ *   table.pluck("age").cellEditor(NumberInputComponent);
+ *   table.pluck("favoriteColor").cellEditor(SelectInputComponent, {
+ *     initialiseComponent(component: SelectInputComponent) {
+ *       selectInput.optionsModel = colorsNames; // <- initialise our component
+ *     }
+ *   });
+ *   table.addEditControls(saveCommand); // <- required to enable editing
+ * });
+ *
+ * Selection models
+ * @example
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ * });
+ *
+ * Custom cell renderers and editors
+ * @example
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.pluck("favoriteColor")
+ *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {
+ *        // configure your component with what ever you need.
+ *      });
+ *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
+ *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
+ * });
+ *
+ * I18n
+ * @example
+ * [table.yml]
+ * table:
+ *   columns(ColumnTextProperties[]):
+ *      firstName:
+ *         headerText: "First Name"
+ *      fullName:
+ *         headerText: "Full Name"
+ *
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.pluck("favoriteColor").cellRenderer(...).cellEditor(...);
+ *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
+ *
+ *   table.columnTextProperties(I18n.table.columns); // <- configures all columns
+ * });
+ */
+var TableModel = /** @class */ (function () {
+    function TableModel(sourceOfTruth) {
+        this.sourceOfTruth = sourceOfTruth;
+        this._garbage = new GarbageCollector();
+        this._columns = new MutableListModel();
+        this._editorSessions = new MutableListModel();
+        this.identityOf = sourceOfTruth.identityOf;
+        var _a = Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
+        this._columnsById = chain(this._columns).indexBy('columnId');
+        this._rowsBeingEdited = new MutableListModel([], {
+            identifiedWith: this.identityOf
+        });
+        this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');
+        this.editing = chain(this._editorSessions).count().isGreaterThan(0);
+        this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
+    }
+    TableModel_1 = TableModel;
+    TableModel.fromList = function (sourceOfTruth, builder) {
+        var model = new TableModel_1(sourceOfTruth);
+        builder(model);
+        return model;
+    };
+    Object.defineProperty(TableModel.prototype, "rowsBeingEdited", {
+        get: function () {
+            return this._rowsBeingEdited.readonly;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TableModel.prototype.getTrackByFunction = function () {
+        var _this = this;
+        return function (index, item) {
+            return _this.identityOf ? _this.identityOf(item) : index;
+        };
+    };
+    Object.defineProperty(TableModel.prototype, "columns", {
+        get: function () {
+            return this._columns.readonly;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TableModel.prototype.pluck = function (property) {
+        return this.addColumn(new PropertyColumnModel(property, this));
+    };
+    TableModel.prototype.addSelectionColumn = function (selectionModel) {
+        return this.addColumn(new SelectionColumnModel('selection', this, selectionModel));
+    };
+    TableModel.prototype.addEditControls = function (saveCommand) {
+        this.saveCommand = saveCommand;
+        return this.addColumn(new EditorControlColumnModel('editControls', saveCommand, this));
+    };
+    TableModel.prototype.addCustomColumn = function (columnId, dataAccessor) {
+        return this.addColumn(new CustomValueColumnModel(columnId, this, dataAccessor));
+    };
+    TableModel.prototype.addColumn = function (column) {
+        if (this._columnsById.get(column.columnId)) {
+            lang.illegalState("Column with id=" + column.columnId + " already exists");
+        }
+        else {
+            this._columns.push(column);
+        }
+        return column;
+    };
+    TableModel.prototype.columnTextProperties = function (columnTextProperties) {
+        this._columnTextPropertiesLookup = columnTextProperties;
+    };
+    TableModel.prototype.getColumnTextProperties = function (column) {
+        var factory = this._columnTextPropertiesLookup[column.columnId];
+        return factory ? factory() : undefined;
+    };
+    TableModel.prototype.startEditSession = function (row) {
+        var _this = this;
+        var rowId = this.identityOf(row);
+        if (this._rowsBeingEdited.query().indexOf(row) > -1) {
+            return lang.illegalState("Row with id=" + rowId + " already being edited");
+        }
+        else {
+            var editSession_1 = new TableModel_1.EditSession(rowId, row, this.saveCommand);
+            var when = Dsl.disposeWith(editSession_1).when;
+            when.valueOf(editSession_1.rowValueModel).changes(function (editedValue) {
+                _this._rowsBeingEdited.replaceOrPush(editedValue);
+            }, { initialValue: 'triggerChangeUnlessNil' });
+            this._editorSessions.push(editSession_1);
+            editSession_1.onDispose(function () {
+                _this._rowsBeingEdited.remove(editSession_1.rowValueModel.value);
+                _this._editorSessions.remove(editSession_1);
+            });
+            return editSession_1;
+        }
+    };
+    TableModel.prototype.getEditSessionFor = function (row) {
+        return this._editorSessionByRowId.get(this.identityOf(row));
+    };
+    TableModel.prototype.cancelAllEditorSessions = function () {
+        var _this = this;
+        this._editorSessions.runInTransaction(function (draft) {
+            _this._rowsBeingEdited.runInTransaction(function () {
+                draft.value.forEach(function (session) { return session.dispose(); });
+            });
+        });
+    };
+    var TableModel_1;
+    TableModel.ctorParameters = function () { return [
+        { type: ListModel }
+    ]; };
+    TableModel = TableModel_1 = __decorate([
+        TrackExternal.Strategy(new TrackExternal.OneTimeBinding()),
+        __metadata("design:paramtypes", [ListModel])
+    ], TableModel);
+    return TableModel;
+}());
+export { TableModel };
+(function (TableModel) {
+    var EditSession = /** @class */ (function (_super) {
+        __extends(EditSession, _super);
+        function EditSession(rowId, row, saveCommand) {
+            var _this = _super.call(this) || this;
+            _this.rowId = rowId;
+            _this.saveCommand = saveCommand;
+            _this._editorValue = new MutableValueModel();
+            _this.rowValueModel = _this._editorValue.readonly;
+            _this.form = new Form();
+            _this.form.load(row);
+            _this._editorValue.value = row;
+            _this.form.onEdit(function () {
+                _this._editorValue.value = produce(_this._editorValue.value, function (draft) {
+                    _this.form.writeDirtyStateTo(draft);
+                });
+            });
+            return _this;
+        }
+        return EditSession;
+    }(GarbageCollector));
+    TableModel.EditSession = EditSession;
+})(TableModel || (TableModel = {}));
+//# sourceMappingURL=table-model.js.map

package/esm5/lib/components/table/table-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  BooleanValueModelChain,\n  CanIdentify,\n  Dsl,\n  Form,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  MutableValueModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand\n} from '@coolon/pectin';\nimport { PickMutable } from '@coolon/typescript-utilities';\nimport produce from 'immer';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<TableModel.EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n\n  private _columnTextPropertiesLookup: { [columnName: string]: () => ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<Form<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, TableModel.EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  getTrackByFunction() {\n    return (index: number, item: Row) => {\n      return this.identityOf ? this.identityOf(item) : index;\n    };\n  }\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    return this.addColumn(new SelectionColumnModel<Row>('selection', this, selectionModel));\n  }\n\n  addEditControls(saveCommand: UnaryCommand<Form<Row>, boolean>):EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: () => ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    const factory = this._columnTextPropertiesLookup[column.columnId];\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): TableModel.EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new TableModel.EditSession<Row>(rowId, row, this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.rowValueModel).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.rowValueModel.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): TableModel.EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n}\n\nexport namespace TableModel {\n\n\n  export class EditSession<Row> extends GarbageCollector {\n    readonly form: Form<Row>;\n    private _editorValue = new MutableValueModel<Row>();\n    readonly rowValueModel = this._editorValue.readonly;\n\n    constructor(readonly rowId: any, row: Row, readonly saveCommand: UnaryCommand<Form<Row>, boolean>) {\n      super();\n      this.form = new Form<Row>();\n      this.form.load(row);\n      this._editorValue.value = row;\n      this.form.onEdit(() => {\n        this._editorValue.value = produce(this._editorValue.value, draft => {\n          this.form.writeDirtyStateTo(draft as PickMutable<Row>);\n        });\n      });\n    }\n  }\n}\n"]}