@coolon/angular-ui-powerups 1.12.0 → 1.13.0

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

@@ -9,25 +9,14 @@ let SelectCellRendererComponent = class SelectCellRendererComponent extends Disp
             this.selectionModel.selectCommand.execute(this.row);
         });
     }
-    set row(value) {
-        this._row = value;
-    }
-    get row() {
-        return this._row;
-    }
     isSelected() {
         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.prototype, "row", void 0);
 SelectCellRendererComponent = __decorate([
     Component({
         selector: 'aup-select-cell-renderer',

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

@@ -1 +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,IAAa,2BAA2B,GAAxC,MAAa,2BAAiC,SAAQ,mBAAmB;IAgBvE;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC;IAhBD,IAAI,GAAG,CAAC,KAAU;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAYD,UAAU;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;CACF,CAAA;AArBC;IADC,KAAK,EAAE;;;sDAGP;AAOD;IADC,KAAK,EAAE;;mEAC4B;AAdzB,2BAA2B;IALvC,SAAS,CAAC;QACT,QAAQ,EAAE,0BAA0B;QACpC,wGAAoD;;KAErD,CAAC;;GACW,2BAA2B,CA0BvC;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"]}
+{"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,EAAyB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAOjE,IAAa,2BAA2B,GAAxC,MAAa,2BAAiC,SAAQ,mBAAmB;IASvE;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;CACF,CAAA;AAdC;IADC,KAAK,EAAE;;wDACA;AALG,2BAA2B;IALvC,SAAS,CAAC;QACT,QAAQ,EAAE,0BAA0B;QACpC,wGAAoD;;KAErD,CAAC;;GACW,2BAA2B,CAmBvC;SAnBY,2BAA2B","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { Command, SelectionModel, Trace } 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\n  readonly selectCommand: Command<void>;\n\n  @Input()\n  row: Row\n\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/esm2015/lib/components/table/select-cell-renderer/select-cell-renderer.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SelectCellRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":54},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-select-cell-renderer","template":"<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\"></mat-checkbox>\n","styles":[""]}]}],"members":{"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selectionModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"isSelected":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SelectCellRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":54},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-select-cell-renderer","template":"<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\"></mat-checkbox>\n","styles":[""]}]}],"members":{"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"isSelected":[{"__symbolic":"method"}]}}}}]

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, Input } from '@angular/core';
-import { Command, MultipleSelectionModel } from '@coolon/pectin';
+import { Component } from '@angular/core';
+import { Command } from '@coolon/pectin';
 import { DisposableComponent } from '../../disposable-component';
 let SelectHeaderCellRendererComponent = class SelectHeaderCellRendererComponent extends DisposableComponent {
     constructor() {
@@ -10,16 +10,14 @@ let SelectHeaderCellRendererComponent = class SelectHeaderCellRendererComponent
         });
     }
     isSelected() {
-        return this.selectionModel.allSelected.value;
+        var _a;
+        return ((_a = this.selectionModel) === null || _a === void 0 ? void 0 : _a.allSelected.value) || false;
     }
     isIntermediate() {
-        return this.selectionModel.someSelected.value;
+        var _a;
+        return ((_a = this.selectionModel) === null || _a === void 0 ? void 0 : _a.someSelected.value) || false;
     }
 };
-__decorate([
-    Input(),
-    __metadata("design:type", MultipleSelectionModel)
-], SelectHeaderCellRendererComponent.prototype, "selectionModel", void 0);
 SelectHeaderCellRendererComponent = __decorate([
     Component({
         selector: 'aup-select-header-cell-renderer',

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

@@ -1 +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,IAAa,iCAAiC,GAA9C,MAAa,iCAAuC,SAAQ,mBAAmB;IAM7E;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAA;IAC9C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;IAChD,CAAC;CACF,CAAA;AAhBC;IADC,KAAK,EAAE;8BACQ,sBAAsB;yEAAW;AAJtC,iCAAiC;IAL7C,SAAS,CAAC;QACT,QAAQ,EAAE,iCAAiC;QAC3C,kJAA2D;;KAE5D,CAAC;;GACW,iCAAiC,CAoB7C;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"]}
+{"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,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAA0B,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAOjE,IAAa,iCAAiC,GAA9C,MAAa,iCAAuC,SAAQ,mBAAmB;IAM7E;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,UAAU;;QACR,OAAO,OAAA,IAAI,CAAC,cAAc,0CAAE,WAAW,CAAC,KAAK,KAAI,KAAK,CAAC;IACzD,CAAC;IAED,cAAc;;QACZ,OAAO,OAAA,IAAI,CAAC,cAAc,0CAAE,YAAY,CAAC,KAAK,KAAI,KAAK,CAAC;IAC1D,CAAC;CACF,CAAA;AApBY,iCAAiC;IAL7C,SAAS,CAAC;QACT,QAAQ,EAAE,iCAAiC;QAC3C,kJAA2D;;KAE5D,CAAC;;GACW,iCAAiC,CAoB7C;SApBY,iCAAiC","sourcesContent":["import { Component } from '@angular/core';\n\nimport { Command, MultipleSelectionModel } 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\n  readonly selectCommand: Command<void>;\n\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 || false;\n  }\n\n  isIntermediate() {\n    return this.selectionModel?.someSelected.value || false;\n  }\n}\n"]}

package/esm2015/lib/components/table/select-header-cell-renderer/select-header-cell-renderer.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SelectHeaderCellRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":60},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-select-header-cell-renderer","template":"<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\" [indeterminate]=\"this.isIntermediate()\"></mat-checkbox>\n","styles":[""]}]}],"members":{"selectionModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"isSelected":[{"__symbolic":"method"}],"isIntermediate":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SelectHeaderCellRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":10,"character":60},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-select-header-cell-renderer","template":"<mat-checkbox [pectinCommand]=\"selectCommand\" [checked]=\"isSelected()\" [indeterminate]=\"this.isIntermediate()\"></mat-checkbox>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"isSelected":[{"__symbolic":"method"}],"isIntermediate":[{"__symbolic":"method"}]}}}}]

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

@@ -1,36 +1,46 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
-import { Command } from '@coolon/pectin';
-import { ColumnModel } from '../column-model';
+import { Command, Trace } from '@coolon/pectin';
+import { CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, ColumnModel } from '../column-model';
 import { EditSession } from '../edit-session';
 import { TableModel } from '../table-model';
 let TableCellRendererComponent = class TableCellRendererComponent {
     constructor() {
-        this.defaultClassNames = "aup-header-cell-renderer";
+        this.defaultClassNames = 'aup-cell-renderer';
+        this.fillCell = false;
+        this.padChild = false;
         this.editRowCommand = Command.create(() => {
             this.tableModel.startEditSession(this.row);
         });
     }
+    ngOnInit() {
+        this.column.attachCell(this);
+    }
+    hasActiveEditor() {
+        return !!this.editSession && !!this.column.hasEditorPortal();
+    }
     initialiseRenderer(instance) {
-        if (this.renderer !== instance) {
-            this.renderer = instance;
-            this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);
-        }
+        this.column.onRendererAttached(this, instance);
     }
     initialiseEditor(instance) {
-        if (this.editor !== instance) {
-            this.editor = instance;
-            this.column.initialiseEditor(this.editor, this.editSession);
-        }
+        this.column.onEditorAttached(this, instance);
     }
+    // @Trace()
     ngOnChanges(changes) {
-        if (this.renderer) {
-            this.column.updateCellRenderer(this.renderer, this.row, this.editRowCommand, this.editSession);
-            this.renderer.editSession = this.editSession;
-        }
+        this.column.updatePortalContent(this);
     }
-    hasActiveEditor() {
-        return this.editSession && this.column.hasEditor();
+    getRendererPortal() {
+        return this[CELL_RENDERER_PORTAL];
+    }
+    getEditorPortal() {
+        return this[CELL_EDITOR_PORTAL];
+    }
+    getRowData() {
+        return {
+            row: this.row,
+            editSession: this.editSession,
+            editRowCommand: this.editRowCommand
+        };
     }
 };
 __decorate([
@@ -53,11 +63,25 @@ __decorate([
     HostBinding('class'),
     __metadata("design:type", Object)
 ], TableCellRendererComponent.prototype, "defaultClassNames", void 0);
+__decorate([
+    HostBinding('class.fillCell'),
+    __metadata("design:type", Object)
+], TableCellRendererComponent.prototype, "fillCell", void 0);
+__decorate([
+    HostBinding('class.padChild'),
+    __metadata("design:type", Object)
+], TableCellRendererComponent.prototype, "padChild", void 0);
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], TableCellRendererComponent.prototype, "initialiseEditor", null);
 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}"]
+        template: "<ng-container *ngIf=\"!hasActiveEditor()\" [cdkPortalOutlet]=\"getRendererPortal()\" (attached)=\"initialiseRenderer($event.instance)\"></ng-container>\n<ng-container *ngIf=\"hasActiveEditor()\" [cdkPortalOutlet]=\"getEditorPortal()\" (attached)=\"initialiseEditor($event.instance)\"></ng-container>\n",
+        styles: [""]
     }),
     __metadata("design:paramtypes", [])
 ], TableCellRendererComponent);

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

@@ -1 +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,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C,IAAa,0BAA0B,GAAvC,MAAa,0BAA0B;IAsBrC;QAFA,sBAAiB,GAAG,0BAA0B,CAAA;QAG5C,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB,CAAC,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,gBAAgB,CAAC,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,WAAW,CAAC,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,eAAe;QACb,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IACrD,CAAC;CACF,CAAA;AAjDC;IADC,KAAK,EAAE;;uDACC;AAGT;IADC,KAAK,EAAE;8BACA,WAAW;0DAAM;AAGzB;IADC,KAAK,EAAE;8BACK,WAAW;+DAAM;AAG9B;IADC,KAAK,EAAE;8BACI,UAAU;8DAAM;AAQ5B;IADC,WAAW,CAAC,OAAO,CAAC;;qEACyB;AApBnC,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,yBAAyB;QACnC,qUAAmD;;KAEpD,CAAC;;GACW,0BAA0B,CAoDtC;SApDY,0BAA0B","sourcesContent":["import { Component, HostBinding, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { Command } from '@coolon/pectin';\nimport { ColumnModel } from '../column-model';\nimport { EditSession } from '../edit-session';\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: 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"]}
+{"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":";AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAoC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,WAAW,EAAW,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C,IAAa,0BAA0B,GAAvC,MAAa,0BAA0B;IA4BrC;QARA,sBAAiB,GAAG,mBAAmB,CAAC;QAGxC,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGf,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,eAAe;QACb,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;IAC/D,CAAC;IAGD,kBAAkB,CAAC,QAAa;QAC9B,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACjD,CAAC;IAGD,gBAAgB,CAAC,QAAa;QAC5B,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,WAAW;IACX,WAAW,CAAC,OAAsB;QAChC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACpC,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAClC,CAAC;IAED,UAAU;QACR,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC,CAAC;IACJ,CAAC;CACF,CAAA;AArEC;IADC,KAAK,EAAE;;uDACC;AAGT;IADC,KAAK,EAAE;8BACA,WAAW;0DAAM;AAGzB;IADC,KAAK,EAAE;8BACK,WAAW;+DAAM;AAG9B;IADC,KAAK,EAAE;8BACI,UAAU;8DAAM;AAQ5B;IADC,WAAW,CAAC,OAAO,CAAC;;qEACmB;AAGxC;IADC,WAAW,CAAC,gBAAgB,CAAC;;4DACb;AAGjB;IADC,WAAW,CAAC,gBAAgB,CAAC;;4DACb;AAsBjB;IADC,KAAK,EAAE;;;;kEAGP;AAlDU,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,yBAAyB;QACnC,yTAAmD;;KAEpD,CAAC;;GACW,0BAA0B,CAwEtC;SAxEY,0BAA0B","sourcesContent":["import { Portal } from '@angular/cdk/portal';\nimport { Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport { Command, Trace } from '@coolon/pectin';\nimport { CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, ColumnModel, RowData } from '../column-model';\nimport { EditSession } from '../edit-session';\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 OnInit, OnChanges {\n\n  @Input()\n  row: Row;\n\n  @Input()\n  column: ColumnModel<Row>;\n\n  @Input()\n  editSession: EditSession<Row>;\n\n  @Input()\n  tableModel: TableModel<Row>;\n\n  private editRowCommand: Command<void>;\n\n  [CELL_RENDERER_PORTAL]: Portal<any>;\n  [CELL_EDITOR_PORTAL]: Portal<any>;\n\n  @HostBinding('class')\n  defaultClassNames = 'aup-cell-renderer';\n\n  @HostBinding('class.fillCell')\n  fillCell = false;\n\n  @HostBinding('class.padChild')\n  padChild = false;\n\n  constructor() {\n    this.editRowCommand = Command.create(() => {\n      this.tableModel.startEditSession(this.row);\n    });\n  }\n\n  ngOnInit(): void {\n    this.column.attachCell(this);\n  }\n\n  hasActiveEditor(): boolean {\n    return !!this.editSession && !!this.column.hasEditorPortal();\n  }\n\n\n  initialiseRenderer(instance: any) {\n    this.column.onRendererAttached(this, instance);\n  }\n\n  @Trace()\n  initialiseEditor(instance: any) {\n    this.column.onEditorAttached(this, instance);\n  }\n\n  // @Trace()\n  ngOnChanges(changes: SimpleChanges): void {\n    this.column.updatePortalContent(this);\n  }\n\n  getRendererPortal() {\n    return this[CELL_RENDERER_PORTAL];\n  }\n\n  getEditorPortal() {\n    return this[CELL_EDITOR_PORTAL];\n  }\n\n  getRowData(): RowData<Row> {\n    return {\n      row: this.row,\n      editSession: this.editSession,\n      editRowCommand: this.editRowCommand\n    };\n  }\n}\n"]}

package/esm2015/lib/components/table/table-cell-renderer/table-cell-renderer.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TableCellRendererComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"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}"]}]}],"members":{"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"editSession":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"tableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"defaultClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"initialiseRenderer":[{"__symbolic":"method"}],"initialiseEditor":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"hasActiveEditor":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TableCellRendererComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-table-cell-renderer","template":"<ng-container *ngIf=\"!hasActiveEditor()\" [cdkPortalOutlet]=\"getRendererPortal()\" (attached)=\"initialiseRenderer($event.instance)\"></ng-container>\n<ng-container *ngIf=\"hasActiveEditor()\" [cdkPortalOutlet]=\"getEditorPortal()\" (attached)=\"initialiseEditor($event.instance)\"></ng-container>\n","styles":[""]}]}],"members":{"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"editSession":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"tableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"defaultClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class"]}]}],"fillCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.fillCell"]}]}],"padChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":3},"arguments":["class.padChild"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"hasActiveEditor":[{"__symbolic":"method"}],"initialiseRenderer":[{"__symbolic":"method"}],"initialiseEditor":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"Trace","line":59,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"getRendererPortal":[{"__symbolic":"method"}],"getEditorPortal":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}]}}}}]

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

@@ -1,15 +1,19 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
-import { ColumnModel } from '../column-model';
+import { ColumnModel, HEADER_CELL_RENDERER_PORTAL } from '../column-model';
 let TableHeaderCellRendererComponent = class TableHeaderCellRendererComponent {
     constructor() {
-        this.defaultClassNames = "aup-header-cell-renderer";
+        this.defaultClassNames = 'aup-header-cell-renderer';
     }
+    ngOnInit() {
+        this.column.attachHeaderCell(this);
+    }
+    // @Trace()
     initialiseHeader(instance) {
-        if (this.renderer !== instance) {
-            this.renderer = instance;
-            this.column.initialiseHeader(this.renderer);
-        }
+        this.column.onHeaderAttached(this, instance);
+    }
+    getPortal() {
+        return this[HEADER_CELL_RENDERER_PORTAL];
     }
 };
 __decorate([
@@ -23,8 +27,8 @@ __decorate([
 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}"]
+        template: "<ng-container [cdkPortalOutlet]=\"getPortal()\" (attached)=\"initialiseHeader($event.instance)\"></ng-container>\n",
+        styles: [":host{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%}"]
     }),
     __metadata("design:paramtypes", [])
 ], TableHeaderCellRendererComponent);

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

@@ -1 +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,IAAa,gCAAgC,GAA7C,MAAa,gCAAgC;IAU3C;QAFA,sBAAiB,GAAG,0BAA0B,CAAA;IAG9C,CAAC;IAED,gBAAgB,CAAC,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;CACF,CAAA;AAhBC;IADC,KAAK,EAAE;8BACA,WAAW;gEAAM;AAKzB;IADC,WAAW,CAAC,OAAO,CAAC;;2EACyB;AARnC,gCAAgC;IAL5C,SAAS,CAAC;QACT,QAAQ,EAAE,gCAAgC;QAC1C,wJAA0D;;KAE3D,CAAC;;GACW,gCAAgC,CAmB5C;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"]}
+{"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":";AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAsB,WAAW,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAO/F,IAAa,gCAAgC,GAA7C,MAAa,gCAAgC;IAU3C;QAJA,sBAAiB,GAAG,0BAA0B,CAAC;IAK/C,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC;IAED,WAAW;IACX,gBAAgB,CAAC,QAAa;QAC5B,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAC3C,CAAC;CACF,CAAA;AAtBC;IADC,KAAK,EAAE;8BACA,WAAW;gEAAM;AAGzB;IADC,WAAW,CAAC,OAAO,CAAC;;2EAC0B;AANpC,gCAAgC;IAL5C,SAAS,CAAC;QACT,QAAQ,EAAE,gCAAgC;QAC1C,8HAA0D;;KAE3D,CAAC;;GACW,gCAAgC,CAyB5C;SAzBY,gCAAgC","sourcesContent":["import { Portal } from '@angular/cdk/portal';\nimport { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { CELL_EDITOR_PORTAL, ColumnModel, HEADER_CELL_RENDERER_PORTAL } from '../column-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 implements OnInit {\n\n  @Input()\n  column: ColumnModel<any>;\n\n  @HostBinding('class')\n  defaultClassNames = 'aup-header-cell-renderer';\n\n  [HEADER_CELL_RENDERER_PORTAL]: Portal<any>\n\n  constructor() {\n  }\n\n  ngOnInit() {\n    this.column.attachHeaderCell(this)\n  }\n\n  // @Trace()\n  initialiseHeader(instance: any) {\n    this.column.onHeaderAttached(this, instance);\n  }\n\n  getPortal() {\n    return this[HEADER_CELL_RENDERER_PORTAL];\n  }\n}\n"]}

package/esm2015/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TableHeaderCellRendererComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"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}"]}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"defaultClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"initialiseHeader":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TableHeaderCellRendererComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aup-table-header-cell-renderer","template":"<ng-container [cdkPortalOutlet]=\"getPortal()\" (attached)=\"initialiseHeader($event.instance)\"></ng-container>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%}"]}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"defaultClassNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"initialiseHeader":[{"__symbolic":"method"}],"getPortal":[{"__symbolic":"method"}]}}}}]

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

@@ -1,7 +1,7 @@
 var TableModel_1;
 import { __decorate, __metadata } from "tslib";
 import { BooleanValueModelChain, CanIdentify, Dsl, Form, GarbageCollector, lang, ListModel, ListModelChain, MapModelChain, MutableListModel, SelectionModel, TrackExternal, Types, UnaryCommand } from '@coolon/pectin';
-import { CustomValueColumnModel, EditorControlColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
+import { CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
 import { EditSession } from './edit-session';
 // 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];
@@ -81,6 +81,7 @@ let TableModel = TableModel_1 = class TableModel {
         this._garbage = new GarbageCollector();
         this._columns = new MutableListModel();
         this._editorSessions = new MutableListModel();
+        this._createForm = (row) => new Form();
         this.identityOf = sourceOfTruth.identityOf;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);
         this._columnsById = chain(this._columns).indexBy('columnId');
@@ -110,6 +111,9 @@ let TableModel = TableModel_1 = class TableModel {
     pluck(property) {
         return this.addColumn(new PropertyColumnModel(property, this));
     }
+    pluckList(property) {
+        return this.addColumn(new ListPropertyColumnModel(property, this));
+    }
     addSelectionColumn(selectionModel) {
         return this.addColumn(new SelectionColumnModel('selection', this, selectionModel));
     }
@@ -120,6 +124,13 @@ let TableModel = TableModel_1 = class TableModel {
     addCustomColumn(columnId, dataAccessor) {
         return this.addColumn(new CustomValueColumnModel(columnId, this, dataAccessor));
     }
+    addTemplateColumn(columnId) {
+        return this.addColumn(new CustomTemplateColumnModel(columnId, this));
+    }
+    useFormFactory(factory) {
+        this._createForm = factory;
+        return this;
+    }
     addColumn(column) {
         if (this._columnsById.get(column.columnId)) {
             lang.illegalState(`Column with id=${column.columnId} already exists`);
@@ -142,14 +153,14 @@ let TableModel = TableModel_1 = class TableModel {
             return lang.illegalState(`Row with id=${rowId} already being edited`);
         }
         else {
-            const editSession = new EditSession(rowId, row, this.saveCommand);
+            const editSession = new EditSession(rowId, row, this._createForm(row), this.saveCommand);
             const { when } = Dsl.disposeWith(editSession);
-            when.valueOf(editSession.rowValueModel).changes((editedValue) => {
+            when.valueOf(editSession.liveRowValue).changes((editedValue) => {
                 this._rowsBeingEdited.replaceOrPush(editedValue);
             }, { initialValue: 'triggerChangeUnlessNil' });
             this._editorSessions.push(editSession);
             editSession.onDispose(() => {
-                this._rowsBeingEdited.remove(editSession.rowValueModel.value);
+                this._rowsBeingEdited.remove(editSession.liveRowValue.value);
                 this._editorSessions.remove(editSession);
             });
             return editSession;

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

@@ -1 +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  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand\n} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\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<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, 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 ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): 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 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): 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"]}
+{"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 { TemplateRef } from '@angular/core';\nimport {\n  BooleanValueModelChain,\n  CanIdentify,\n  Dsl,\n  Form,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand\n} from '@coolon/pectin';\nimport {\n  ColumnModel, CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel, ListPropertyColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\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<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, 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  private _createForm: (row: Row) => Form<Row> = (row) => new Form<Row>();\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  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<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  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  useFormFactory(factory: (row:Row) => Form<Row>):this {\n    this._createForm = factory;\n    return this;\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 ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): 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 EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): 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"]}

package/esm2015/lib/components/table/table-model.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TableModel":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":100,"character":1},"member":"Strategy"},"arguments":[{"__symbolic":"new","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":100,"character":28},"member":"OneTimeBinding"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ListModel","line":125,"character":47,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":125,"character":57,"context":{"typeName":"Row"}}]}]}],"getTrackByFunction":[{"__symbolic":"method"}],"pluck":[{"__symbolic":"method"}],"addSelectionColumn":[{"__symbolic":"method"}],"addEditControls":[{"__symbolic":"method"}],"addCustomColumn":[{"__symbolic":"method"}],"addColumn":[{"__symbolic":"method"}],"columnTextProperties":[{"__symbolic":"method"}],"getColumnTextProperties":[{"__symbolic":"method"}],"startEditSession":[{"__symbolic":"method"}],"getEditSessionFor":[{"__symbolic":"method"}],"cancelAllEditorSessions":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TableModel":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":101,"character":1},"member":"Strategy"},"arguments":[{"__symbolic":"new","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":101,"character":28},"member":"OneTimeBinding"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ListModel","line":128,"character":47,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":128,"character":57,"context":{"typeName":"Row"}}]}]}],"getTrackByFunction":[{"__symbolic":"method"}],"pluck":[{"__symbolic":"method"}],"pluckList":[{"__symbolic":"method"}],"addSelectionColumn":[{"__symbolic":"method"}],"addEditControls":[{"__symbolic":"method"}],"addCustomColumn":[{"__symbolic":"method"}],"addTemplateColumn":[{"__symbolic":"method"}],"useFormFactory":[{"__symbolic":"method"}],"addColumn":[{"__symbolic":"method"}],"columnTextProperties":[{"__symbolic":"method"}],"getColumnTextProperties":[{"__symbolic":"method"}],"startEditSession":[{"__symbolic":"method"}],"getEditSessionFor":[{"__symbolic":"method"}],"cancelAllEditorSessions":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/table/table.component.js

@@ -2,6 +2,7 @@ import { __decorate, __metadata } from "tslib";
 import { Component, Input } from '@angular/core';
 import { Dsl, TrackExternal } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
+import { CustomTemplateColumnModel } from './column-model';
 import { TableModel } from './table-model';
 /**
  * Create your model:
@@ -38,10 +39,17 @@ let TableComponent = class TableComponent extends DisposableComponent {
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         this.columns = chain(this.tableModel.columns);
         this.columnIds = chain(this.columns).pluck('columnId');
+        this.columnsById = chain(this.columns).indexBy('columnId');
     }
     isEditing(row) {
         return !!this.tableModel.getEditSessionFor(row);
     }
+    registerColumnTemplate(columnId, templateRef, viewContainer, fillCell, padChild) {
+        const column = this.columnsById.get(columnId);
+        if (column instanceof CustomTemplateColumnModel) {
+            column.setTemplate(templateRef, viewContainer, fillCell, padChild);
+        }
+    }
 };
 __decorate([
     Input(),

package/esm2015/lib/components/table/table.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAkB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH,IAAa,cAAc,GAA3B,MAAa,cAAkB,SAAQ,mBAAmB;IASxD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,QAAQ;QACN,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACzD,CAAC;IAED,SAAS,CAAC,GAAM;QACd,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;CACF,CAAA;AAlBC;IAFC,KAAK,EAAE;IACP,aAAa,EAAE;8BACJ,UAAU;kDAAI;AAJf,cAAc;IAL1B,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,iyCAAqC;;KAEtC,CAAC;;GACW,cAAc,CAsB1B;SAtBY,cAAc","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { Dsl, ListModelChain, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<T> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<T>;\n\n  columns: ListModelChain<ColumnModel<T>>;\n  columnIds: ListModelChain<string>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n  }\n\n  isEditing(row: T): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n}\n"]}
+{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,GAAG,EAAwC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH,IAAa,cAAc,GAA3B,MAAa,cAAkB,SAAQ,mBAAmB;IAUxD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,QAAQ;QACN,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,SAAS,CAAC,GAAM;QACd,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,sBAAsB,CAAC,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;CACF,CAAA;AA3BC;IAFC,KAAK,EAAE;IACP,aAAa,EAAE;8BACJ,UAAU;kDAAI;AAJf,cAAc;IAL1B,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,iyCAAqC;;KAEtC,CAAC;;GACW,cAAc,CA+B1B;SA/BY,cAAc","sourcesContent":["import { TemplatePortal } from '@angular/cdk/portal';\nimport { Component, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, Trace, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<T> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<T>;\n\n  columns: ListModelChain<ColumnModel<T>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<T>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: T): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n}\n"]}

package/esm2015/lib/components/table/table.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":38,"character":39},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"aup-table","template":"<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"></tr>\n\n</table>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]}]}],"members":{"tableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":39,"character":39},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"aup-table","template":"<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"></tr>\n\n</table>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]}]}],"members":{"tableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"registerColumnTemplate":[{"__symbolic":"method"}]}}}}]